skrabanek
/
3I_WTL_2025
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Malý repozitář pro WTL 3.I 2025/2026
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 Commits
1 Branch
0 Tags
4.9 MiB
 
 
 
Tree: 5fb87120cd
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5fb87120cd'
${ noResults }
3I_WTL_2025/22_javascripthra
skrabanek 6019af8f69
fix readme.md & readme pro všechyn projekty 		1 month ago
..
css js game p1 2 months ago
js js game p1 2 months ago
README.md fix readme.md & readme pro všechyn projekty 1 month ago
hra.js done javascript game 2 months ago
hra_raw.js done javascript game 2 months ago
index.html done javascript game 2 months ago
index_raw.html done javascript game 2 months ago

README.md

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