Cíl: Žák vybere prvek DOM a bezpečně změní jeho text nebo třídu.
1. Než jsi začal/a: co má být výsledkem „Interaktivní změna DOM“ a které tři znaky sis ve vzoru výstupu označil/a jako povinné?
2. Výchozí stav: který soubor nebo podklad jsi otevřel/a, co už bylo správně a co konkrétně chybělo nebo nefungovalo?
3. Postup práce: napiš po pořadě alespoň čtyři kroky, které jsi skutečně provedl/a. U každého uveď nástroj, soubor nebo nastavení a kdy jsi výsledek uložil/a.
Praktický důkaz a kontrola
Interaktivní změna DOM
Zadání: Doplň tlačítko, které změní nadpis a zvýrazní sekci.
Kritéria:
Výstup přímo dokládá cíl: Žák vybere prvek DOM a bezpečně změní jeho text nebo třídu.
Nejsou rozbité relativní cesty ani chyby v Console, stránka nepřetéká na úzké šířce a hlavní ovládání je dostupné klávesnicí.
Odevzdání obsahuje pojmenovanou zdrojovou verzi, výsledek „Interaktivní změna DOM“ a vyplněný kontrolní protokol.
4. Rozhodování: kterou nejdůležitější změnu jsi udělal/a, proč jsi zvolil/a právě ji a jak s ní souvisejí pojmy DOM, querySelector, textContent, classList?
5. Kontrola a oprava: co jsi přesně otestoval/a, co jsi očekával/a, co se skutečně stalo a kterou jednu chybu jsi potom opravil/a?
6. Finální stav: jak se jmenuje odevzdávaný soubor, kde je uložený, podle kterých kritérií je hotový a co bys příště udělal/a lépe?