Alternativy seminářového úkolu 1

Zadaní 2 – Mini Kvíz

Vytvoř mini kvíz o 3 otázkách. U každé otázky se zobrazí text a tři možnosti (radio). Uživatel vybere odpověď a klikne na Ověřit – zobrazí se krátká zpětná vazba. Poté tlačítkem Další otázka přejde na další položku. Po poslední otázce se zobrazí souhrn bodů a nabídka Začít znovu.

Cíl úlohy

• Ovládnutí onclick a práce s formulářovými prvky (radio).

• Použití podmínky k vyhodnocení správnosti.

• Práce s indexem a postupné zobrazování otázek.

• Základní „validace“: pokud není vybrána žádná možnost, upozornit uživatele.

Vstupní podmínky

• Základní HTML kostra.

• Soubory index.html, style.css, main.js (pro tento variantní projekt B).

Požadovaný výstup

• Zobrazí se alespoň 3 otázky v poli v JS, každá se 3 možnostmi.

• Tlačítka Ověřit a Další otázka (to druhé je na začátku neaktivní).

• Textová zpětná vazba „Správně!“ / „Nesprávně.“ a průběžné skóre.

• Pokud uživatel nevybere možnost a klikne na Ověřit, zobraz informaci.

• Po dojetí na konec vypiš celkové body a ukaž tlačítko Začít znovu.

Doplňující pokyny

• Sémantické tagy (form, fieldset, legend).

• Jednoduché třídy/ID, čisté odsazení.

• Žádné zbytečné vizuální efekty.