Your First Interactive Quiz App
Your First Interactive Quiz App
A lecture is one-way. A quiz is a conversation.
Students who test themselves retain 50% more than those who just re-read. In this lesson you'll build a real, clickable quiz app — with a question, answer options that light up green or red on click, a score counter, and a results message. It runs in the browser. No frameworks, no backend. Just HTML + a sprinkle of JavaScript.
Instructions
Add an <h1> with your quiz title — what topic is this quiz testing?
Hint: Try: `<h1 class="text-3xl font-bold text-white mb-2">Quick Knowledge Check</h1>`
Add a <div class="question"> containing the quiz question text
Add at least 3 answer <button class="answer-btn"> elements. Mark the correct one with data-correct="true"
Add a <div class="score-counter"> at the bottom showing "Score: 0" — the starter JavaScript will update it automatically when the correct answer is clicked
Your Code
Describe what you want to build for this step and I'll write the code — then click Apply to drop it into your editor. This step: Add an <h1> with your quiz title — what topic is this quiz testing?