Interactive DOM Quiz Game

Project roadmap

1. 01

   Define the question data

   ~1h

   Create a JSON array of questions with multiple-choice options and correct answers.

2. 02

   Render questions dynamically

   ~1.5h

   Render the current question and its answer choices into the DOM.

3. 03

   Handle answer selection

   ~1.5h

   Handle click events for answer selection, update the score, and advance to the next question.

4. 04

   Build the results screen

   ~1.5h

   Show a final score summary with a review of which answers were correct or incorrect.

5. 05

   Add a timer and restart

   ~1h

   Add a per-question countdown timer and a button to restart the quiz.

Resources

• DocsJavaScript (MDN)