krouzek:vanocni_uloha [Kroužek Javascriptu]

Tato stránka je pouze pro čtení. Můžete si pouze prohlédnout zdrojový kód, ale ne ho měnit. Zeptejte se správce, pokud si myslíte, že něco není v pořádku.

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>