// Quiz Variables let currentIndex = 0; let timerInterval; let timeLeft = 60; let quizStarted = false; let userAnswers = {}; let totalTimeTaken = 0;

// DOM Elements const quizContainer = document.getElementById('quiz-container'); const quizArea = document.getElementById('quizArea'); const quizSetup = document.getElementById('quizSetup'); const mainCategory = document.getElementById('mainCategory'); const subCategory = document.getElementById('subCategory'); const startQuizBtn = document.getElementById('startQuizBtn');

// Initialize Quiz function initializeQuiz() { const selectedCategory = mainCategory.value; const selectedSubcategory = subCategory.value;

if (!selectedCategory) { alert("Please select a main category first!"); return; }

// Load questions from our quizData object const questions = quizData[selectedCategory]?.[selectedSubcategory] || [];

if (questions.length === 0) { alert("No questions found for this category!"); return; }

// Display questions quizContainer.innerHTML = ''; questions.forEach((q, i) => { const qElement = document.createElement('div'); qElement.className = 'mcq'; qElement.setAttribute('data-correct', q.correct); qElement.innerHTML = `

${q.question}

${['a','b','c','d'].map((opt, idx) => q.options[idx] ? ` ${q.options[idx]} ` : '' ).join('')}

`; quizContainer.appendChild(qElement); });

// Show quiz area quizSetup.style.display = 'none'; quizArea.style.display = 'block';

// Initialize quiz functionality setupQuizNavigation(); showQuestion(0); quizStarted = true; }

// Quiz Functions function showQuestion(index) { const questions = document.querySelectorAll('.mcq'); questions.forEach((q, i) => { q.classList.toggle('active', i === index); });

document.getElementById('questionNumber').textContent = `Question ${index + 1}/${questions.length}`; document.getElementById('prevBtn').disabled = index === 0; document.getElementById('nextBtn').style.display = index === questions.length - 1 ? 'none' : 'inline-block'; document.getElementById('submitBtn').style.display = index === questions.length - 1 ? 'inline-block' : 'none';

startQuestionTimer(); updateProgressSummary(); }

function startQuestionTimer() { clearInterval(timerInterval); timeLeft = 60; document.getElementById('timer').textContent = timeLeft;

timerInterval = setInterval(() => { timeLeft--; document.getElementById('timer').textContent = timeLeft;

if (timeLeft <= 0) { clearInterval(timerInterval); autoMoveToNextQuestion(); } }, 1000); }function setupQuizNavigation() { document.getElementById('prevBtn').addEventListener('click', () => { if (currentIndex > 0) { currentIndex--; showQuestion(currentIndex); } });

document.getElementById('nextBtn').addEventListener('click', () => { if (currentIndex < document.querySelectorAll('.mcq').length - 1) { currentIndex++; showQuestion(currentIndex); } }); document.getElementById('submitBtn').addEventListener('click', submitQuiz); }function submitQuiz() { clearInterval(timerInterval); const questions = document.querySelectorAll('.mcq'); let correct = 0; questions.forEach(q => { const correctAnswer = q.getAttribute('data-correct'); const selected = q.querySelector('input:checked');

if (selected && selected.value === correctAnswer) { correct++; } });

document.getElementById('resultBox').innerHTML = `

Quiz Completed!

🎉 You scored ${correct} out of ${questions.length}

⏱️ Total time taken: ${formatTime(totalTimeTaken + (60 - timeLeft))}

`; document.getElementById('resultBox').style.display = 'block'; }

// Helper Functions function formatTime(seconds) { const mins = Math.floor(seconds / 60); const secs = seconds % 60; return `${mins}m ${secs}s`; }

function updateProgressSummary() { // Implement progress summary update }

// Event Listeners startQuizBtn.addEventListener('click', initializeQuiz);

// Populate subcategories when main category changes mainCategory.addEventListener('change', function() { subCategory.innerHTML = '-- Select Subcategory --'; subCategory.disabled = !this.value;

if (this.value === 'maths') { const mathsSubcategories = [ 'Number System', 'Algebra', 'Geometry' // Add more ];

mathsSubcategories.forEach(sub => { const option = document.createElement('option'); option.value = sub.toLowerCase().replace(' ', ''); option.textContent = sub; subCategory.appendChild(option); });

subCategory.disabled = false; } // Add other categories... });