${q.sec}`; cont.appendChild(div); } const card = document.createElement('div'); card.className = 'q-card'; card.id = 'qc' + i; const opts = q.o.map((o, j) => ` ${String.fromCharCode(65+j)} ${o} `).join(''); card.innerHTML = ``; cont.appendChild(card); }); } /* ═══════ PICK ═══════ */function pick(qi, oi) { if (submitted) return; const q = Q[qi]; const card = document.getElementById('qc' + qi); const wasAnswered = card.classList.contains('answered-correct') || card.classList.contains('answered-wrong'); // Reset opts for (let x = 0; x < q.o.length; x++) { const el = document.getElementById('opt' + qi + '_' + x); el.classList.remove('is-correct', 'is-wrong'); } if (!wasAnswered) { answered++; updateProgress(); } card.classList.remove('answered-correct', 'answered-wrong'); const correct = oi === q.a; document.getElementById('opt' + qi + '_' + oi).classList.add(correct ? 'is-correct' : 'is-wrong'); if (!correct) document.getElementById('opt' + qi + '_' + q.a).classList.add('is-correct'); card.classList.add(correct ? 'answered-correct' : 'answered-wrong'); const fb = document.getElementById('fb' + qi); fb.className = 'feedback-box show ' + (correct ? 'fb-correct' : 'fb-wrong'); fb.innerHTML = `${correct ? '✓' : '✗'} ${correct ? 'Correct!' : 'Incorrect.'}${q.r}`; } function updateProgress() { const pct = Math.round(answered / 100 * 100); document.getElementById('prog-fill').style.width = pct + '%'; document.getElementById('prog-text').textContent = answered + ' / 100 answered'; } /* ═══════ TIMER ═══════ */function startTimer() { renderTimer(); timerID = setInterval(() => { timeLeft--; renderTimer(); if (timeLeft <= 300) document.getElementById('timer-pill').classList.add('urgent'); if (timeLeft <= 0) { clearInterval(timerID); submitTest(); } }, 1000); } function renderTimer() { const m = String(Math.floor(timeLeft / 60)).padStart(2, '0'); const s = String(timeLeft % 60).padStart(2, '0'); document.getElementById('timer-display').textContent = m + ':' + s; } /* ═══════ SUBMIT ═══════ */function submitTest() { if (submitted) return; submitted = true; clearInterval(timerID); let correct = 0, wrong = 0, skip = 0; Q.forEach((q, i) => { const sel = document.querySelector('.qc' + i + '.answered-correct, .qc' + i + '.answered-wrong'); const card = document.getElementById('qc' + i); if (card.classList.contains('answered-correct')) correct++; else if (card.classList.contains('answered-wrong')) wrong++; else skip++; }); // recount via DOM class correct = document.querySelectorAll('.q-card.answered-correct').length; wrong = document.querySelectorAll('.q-card.answered-wrong').length; skip = 100 - correct - wrong; const pct = Math.round(correct); document.getElementById('quiz-section').style.display = 'none'; document.getElementById('results-section').style.display = 'block'; document.getElementById('res-cand').textContent = userName + ' | ' + userEmail; document.getElementById('res-pct').textContent = pct + '%'; document.getElementById('res-correct').textContent = correct; document.getElementById('res-wrong').textContent = wrong; document.getElementById('res-skip').textContent = skip; const msgs = [ 'Keep practising — revise all three sections thoroughly before the exam.', 'Fair attempt. Focus especially on Chemistry Part II topics.', 'Good work! A bit more revision on weak areas will boost your score.', 'Well done! Fine-tune your Chemistry and Pedagogy knowledge.', 'Excellent! Outstanding performance — you are well prepared for the FPSC SET.' ]; document.getElementById('res-msg').textContent = msgs[pct >= 80 ? 4 : pct >= 65 ? 3 : pct >= 50 ? 2 : pct >= 35 ? 1 : 0] + ' Score: ' + correct + '/100.'; window.scrollTo({ top: 0, behavior: 'smooth' }); }