# 22 - JavaScript Hra (Logika a DOM)

## 🎯 Co se naučíte

V této lekci si vytvoříte jednoduchou hru, na které si procvičíte herní logiku, stavové proměnné a dynamickou aktualizaci HTML.

## 📚 Témata lekce

- **Stav hry (State)** - proměnné, které drží aktuální skóre, počet životů apod.
- **Události (Events)** - reakce na kliknutí, stisk klávesy
- **DOM Manipulace** - přepisování textu, měnění barev a obrázků podle stavu hry
- **Podmínky a Cykly** - logika pro výhru/prohru
- **Raw vs. Final** - rozdíl mezi základní kostrou (`index_raw.html`) a hotovým projektem

## 📂 Soubory v projektu

- `index.html` - hotová hra
- `index_raw.html` - výchozí stav pro začátek kódování
- `hra.js` - kompletní logika hry
- `hra_raw.js` - šablona pro samostatnou práci

## 🚀 Jak s lekcí pracovat

1. Otevřete `index.html` a zahrajte si hru.
2. Podívejte se do `hra.js` na to, jak jsou ošetřeny různé herní situace.
3. Zkuste si hru upravit (přidat úrovně obtížnosti, změnit grafiku).

## 🔗 Související lekce

- **Předchozí:** 21_opakovani - Základy pro stavbu aplikací
- **Následující:** 23_zvetsovadlo - Interaktivní prvky