${shuffleArray([...questionObj.options]).map(option => `
• ${questionObj.answer.length > 1 ? ` ${option}` : ` ${option}`}
`).join('')}

`; return questionDiv; } function initializeExam() { const container = document.getElementById('questions-container'); questions.forEach((q, i) => { container.appendChild(createQuestionElement(q, i)); }); } function toggleSelection(element) { const input = element.querySelector('input'); if (input.type === 'radio') { const questionDiv = element.closest('.question'); questionDiv.querySelectorAll('.option').forEach(opt => { opt.classList.remove('selected'); opt.querySelector('input').checked = false; }); } input.checked = !input.checked; element.classList.toggle('selected', input.checked); } function submitExam() { const questions = document.querySelectorAll('.question'); let allAnswered = true; let totalScore = 0; questions.forEach(q => { const selected = q.querySelectorAll('input:checked'); if (selected.length === 0) { q.classList.add('unanswered'); allAnswered = false; } else { q.classList.remove('unanswered'); } }); if (!allAnswered) { alert('Please answer all questions before submitting!'); return; } questions.forEach(q => { const correctAnswers = JSON.parse(q.querySelector('.options-list').dataset.correct); const selectedValues = Array.from(q.querySelectorAll('input:checked')) .map(input => input.parentElement.dataset.value); const correctSelected = selectedValues.filter(v => correctAnswers.includes(v)).length; const scorePerOption = 5 / correctAnswers.length; const questionScore = Math.min(correctSelected * scorePerOption, 5); totalScore += questionScore; q.querySelectorAll('.option').forEach(opt => { const value = opt.dataset.value; if (correctAnswers.includes(value)) { opt.style.backgroundColor = '#d4edda'; } else if (selectedValues.includes(value)) { opt.style.backgroundColor = '#f8d7da'; } }); q.querySelector('.explanation').style.display = 'block'; }); const percentage = (totalScore / (questions.length * 5)) * 100; showResults(totalScore, percentage); } function showResults(score, percentage) { const resultContainer = document.getElementById('result-container'); resultContainer.innerHTML = ` `; const marioContainer = document.getElementById('mario'); if (percentage >= 82.5) { resultContainer.innerHTML += ` `; marioContainer.textContent = "🎆💐🎇"; } else { resultContainer.innerHTML += ` `; marioContainer.textContent = "(>_<)"; } document.querySelectorAll('input').forEach(input => input.disabled = true); } window.onload = initializeExam;