🎓 4 / 9⚡ 4. TŘÍDA · AŤ TO NĚCO DĚLÁ
Probuď stránku k životu.
JavaScript reaguje na člověka. Připojíš akci k tlačítku a pochopíš cestu od kliknutí přes příkaz až k viditelné změně.
🎯 Na konci: Moje tlačítko funguje.1. Kliknutí je událost
JavaScript čeká na událost a potom provede příkaz.
🧑🎓 ŽákMám tlačítko, ale po kliknutí se nic nestane.
🤖 AIHTML vytvořilo tlačítko. Teď JavaScriptu řekneme: najdi ho, poslouchej kliknutí a potom změň text.
🧑🎓 Žák · lepší zadáníK tlačítku s id akce přidej click událost. Po kliknutí změň text výsledku na Hotovo. Vysvětli mi tři kroky řešení.
🤖 AIPostup bude: vybrat prvek, připojit posluchač události a uvnitř něj provést změnu.
2. Od člověka k výsledku
Každá interakce má stejnou jednoduchou cestu.
🔎
Najdi prvek
JavaScript musí vědět, s čím pracuje.
👂
Čekej na událost
Například click, input nebo keydown.
⚡
Proveď akci
Změň text, číslo, barvu nebo stav.
✅
Ověř výsledek
Vyzkoušej akci více než jednou.
3. Laboratoř kliknutí
Vyber chování tlačítka, spusť ho a prohlédni si odpovídající JavaScript.
Zatím se nic nestalo.
⚡ JavaScript této akce
🏁 Výstupní úkol 4. třídy
Vytvoř tlačítko, které po kliknutí viditelně změní stránku. Vyzkoušej ho nejméně třikrát a popiš, co spouští událost a co je výsledek.