# 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