Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- krouzek:vanocni_uloha [2023/12/20 15:07] – vytvořeno admin
+++ krouzek:vanocni_uloha [2024/01/03 17:56] (aktuální) – admin
@@ Řádek 1: / Řádek 1: @@
-Rozbalte si projekt z [[https://adasek.cz/files/2023_vanoce.zip|2023_vanoce.zip]] a otevřete ve VSCode a prohlížeči.
+Rozbal si projekt z [[https://adasek.cz/files/2023_vanoce.zip|2023_vanoce.zip]] a otevřete ve VSCode a prohlížeči.
+=== Úkoly ===
+  * zobraz dárek vždy (změnou css)
+  * zobraz dárek až po kliknutí na tlačítko
+  * napozicuj ozdoby na stromeček změnou jejich top a left css vlastností. Můžeš vytvořit i další ozdoby, případně použij i obrázky
+  * kulaté ozdoby rozblikej po kliknutí na tlačítko - javascriptem přepínej jejich backgroundColor mezi různými odstíny
+=== Pomůcky ===
+  * [[https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator|Border radius]]
+  * [[https://9elements.github.io/fancy-border-radius/#30.66.30.30--.|Fancy Border radius]]
+  * [[https://www.jakpsatweb.cz/archiv/barvy-pojmenovane.html|Pojmenované barvy]]
+=== Kod ===
+<code javascript>
+        function svetla(){
+            barva = true
+            setInterval(function(){
+               const novaBarva = barva ? "red" : "green"
+               barva = !barva
+               for(let i=1;i<=6;i++){
+                  document.getElementById("ozdoba" + i).style.backgroundColor = novaBarva
+               }
+            }, 2000)
+        }
+</code>