krouzek:vanocni_uloha

Rozbal si projekt z 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

Kod

        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)
        }
  • krouzek/vanocni_uloha.txt
  • Poslední úprava: 2024/01/03 17:56
  • autor: admin