3I_WTL_2025/23_zvetsovadlo/README.md

23 - Zvětšovadlo (Dynamické Styly)

🎯 Co se naučíte

V této lekci se naučíte, jak pomocí JavaScriptu ovládat vzhled prvků v reálném čase, včetně práce s barvami a velikostmi.

📚 Témata lekce

• Input Events - události input, change
• Dynamic Styling - přímá manipulace s element.style
• Typy Inputů - práce s color, range a text
• Interpolace řetězců - skládání CSS hodnot (např. fontSize = size + "px")

📂 Soubory v projektu

• index.html - interaktivní stránka s ovládacími prvky
• css/ - základní stylování
• js/ - logika pro změnu stylů

🚀 Jak s lekcí pracovat

1. Otevřete index.html.
2. Hýbejte s posuvníky a sledujte, jak se mění text uprostřed.
3. Vyzkoušejte změnu barvy pozadí i textu.
4. Prostudujte kód v JavaScriptu, který tyto změny provádí.

🔗 Související lekce

• Předchozí: 22_javascripthra - Logika aplikací
• Následující: 24_fetch - Načítání externích dat