Valentine's Day Quiz: How Well Do You Know Me? — HTML & JavaScript

const questions = [
    {
        question: "What's my favorite food?",
        options: ["Pizza 🍕", "Sushi 🍣", "Tacos 🌮", "Pasta 🍝"],
        correct: 0
    },
    {
        question: "Where did we first meet?",
        options: ["Coffee shop ☕", "College 🎓", "Online 💻", "Party 🎉"],
        correct: 1
    },
    // Add your own questions!
];

let currentQuestion = 0;
let score = 0;

function loadQuestion() {
    const q = questions[currentQuestion];
    document.getElementById('question').textContent = q.question;
    
    const optionsHtml = q.options.map((opt, i) => 
        `<button onclick="answer(${i})" class="option-btn">${opt}</button>`
    ).join(&#039;&#039;);
    
    document.getElementById(&#039;options&#039;).innerHTML = optionsHtml;
    document.getElementById(&#039;progress&#039;).textContent = 
        `${currentQuestion + 1} / ${questions.length}`;
}

function answer(index) {
    if (index === questions[currentQuestion].correct) {
        score++;
        // Show correct animation
    }
    
    currentQuestion++;
    if (currentQuestion < questions.length) {
        loadQuestion();
    } else {
        showResults();
    }
}