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.