krouzek:vanocni_uloha

Rozdíly

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

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Následující verze		 Předchozí verze
krouzek:vanocni_uloha [2023/12/20 15:32] – adminkrouzek:vanocni_uloha [2024/01/03 17:56] (aktuální) – admin
Řádek 6: Řádek 6:
   * 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>
  • krouzek/vanocni_uloha.1703086337.txt.gz
  • Poslední úprava: 2023/12/20 15:32
  • autor: admin