Alternativy seminářového úkolu 1

Zadání 1 – Procvičovací kartičky

Vytvoř mini aplikaci „Kartičky HTML“, kde se zobrazuje otázka (pojem) a uživatel může tlačítkem Zobrazit odpověď vypnout/zapnout zobrazení vysvětlení. Tlačítkem Další karta se přejde na další pojem v seznamu (po dojetí na konec se začne znovu od první).

Cíl úlohy

• Ovládnutí událostí kliknutí (onclick).

• Práce s indexem v poli a jednoduchým cyklením.

• Přepínání viditelnosti pomocí třídy a podmínky if (stav == true/false).

• Změna textového obsahu prvků (ne obrázků).

Vstupní podmínky

• Připraven základní HTML dokument.

• Vytvoř soubory: index.html, style.css, main.js (pro tento variantní projekt).

Požadovaný výstup

• Na stránce je nadpis, box s otázkou a skrytou odpovědí.

• Dvě tlačítka: „Zobrazit odpověď“ a „Další karta“.

• Minimálně 3 kartičky (pojem + odpověď) v poli v JS.

• Při kliknutí na „Zobrazit odpověď“ se odpověď střídavě ukáže/schová.

• Při kliknutí na „Další karta“ se změní otázka (a odpověď se automaticky skryje).

• V kódu jsou krátké české komentáře.

Doplňující pokyny

• Použij sémantické tagy (main, section, h1, p, button).

• Jednoduché, čitelné názvy proměnných a tříd.

• Odsazení a validní HTML/CSS.

• Žádné čistě vizuální efekty bez funkčního významu.