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 === 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) }