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:32] – admin
+++ krouzek:vanocni_uloha [2024/01/03 17:56] (aktuální) – admin
@@ Řádek 2: / Řádek 2: @@
 === Úkoly ===
- * zobraz dárek vždy (změnou css)
+  * zobraz dárek vždy (změnou css)
- * zobraz dárek až po kliknutí na tlačítko
+  * 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
+  * 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
+  * 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>