50 MCQs – Reasoning, Computer Science & Rajasthan GK | Interactive Quiz for RPSC, REET, CET & Competitive Exams

50 MCQs – Reasoning, Computer Science & Rajasthan GK | Interactive Quiz /* ---------- Global Reset & Base (Rajasthani Theme) ---------- */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', 'Roboto', 'Noto Sans Devanagari', sans-serif; background: #fcf3e8; color: #2d1b0e; padding: 20px; min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; } .container { max-width: 820px; width: 100%; margin: 0 auto; background: #fffdf9; border-radius: 28px; box-shadow: 0 20px 60px rgba(150, 80, 30, 0.15); padding: 30px 35px 50px; border: 1px solid #f0dcc8; transition: all 0.2s; } /* ---------- Breadcrumb ---------- */ .breadcrumb { font-size: 0.85rem; color: #7a5a3a; margin-bottom: 20px; padding: 8px 0; border-bottom: 1px solid #ecdccc; } .breadcrumb a { color: #8b1a1a; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb .sep { margin: 0 6px; color: #c0392b; } /* ---------- Header ---------- */ .blog-header { text-align: center; padding-bottom: 25px; border-bottom: 3px double #c0392b; margin-bottom: 30px; position: relative; } .blog-header::after { content: "✦"; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); background: #fffdf9; padding: 0 14px; font-size: 22px; color: #c0392b; } .blog-header h1 { font-size: 2.2rem; font-weight: 700; color: #8b1a1a; letter-spacing: 1px; } .blog-header h1 i { color: #d4a017; margin: 0 6px; } .blog-header .subtitle { font-size: 1.05rem; color: #7a4a2a; margin-top: 8px; font-weight: 500; } .blog-header .subtitle i { color: #b8860b; } .meta-badge { display: inline-block; background: #c0392b; color: #fff; padding: 4px 18px; border-radius: 30px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.5px; margin-top: 12px; } .tags { display: flex; justify-content: center; gap: 0.8rem; flex-wrap: wrap; margin-top: 0.8rem; } .tags span { display: inline-block; background: #f8ede4; color: #8b1a1a; font-size: 0.7rem; font-weight: 600; padding: 0.15rem 1rem; border-radius: 30px; border: 1px solid #e6d3c4; letter-spacing: 0.3px; } /* ---------- Progress Area ---------- */ .progress-area { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.6rem; flex-wrap: wrap; background: #f8ede4; padding: 0.4rem 1rem; border-radius: 60px; border: 1px solid #e6d3c4; } .progress-track { flex: 1; min-width: 80px; height: 8px; background: #e6d3c4; border-radius: 20px; overflow: hidden; } .progress-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #c0392b, #d4a017); border-radius: 20px; transition: width 0.4s ease; } .q-counter { font-weight: 600; font-size: 0.85rem; color: #5a3a28; background: #f8ede4; padding: 0.15rem 1rem; border-radius: 30px; white-space: nowrap; border: 1px solid #e6d3c4; } .score-badge { font-weight: 600; font-size: 0.85rem; color: #1e7e34; background: #e6f5ea; padding: 0.15rem 1rem; border-radius: 30px; white-space: nowrap; border: 1px solid #b8d9b8; } /* ---------- Question Card ---------- */ .question-card { background: #fffcf8; border-radius: 20px; padding: 22px 28px 28px; margin-bottom: 1.2rem; border: 1px solid #ecdccc; box-shadow: 0 4px 12px rgba(180, 110, 60, 0.06); transition: 0.2s; } .question-card:hover { border-color: #dbbca4; } .question-text { font-size: 1.05rem; font-weight: 500; line-height: 1.7; color: #1f130b; margin-bottom: 1.4rem; } .question-text .q-num { display: inline-block; background: #8b1a1a; color: #fff; font-weight: 700; font-size: 0.7rem; padding: 0.05rem 0.8rem; border-radius: 30px; margin-right: 0.6rem; vertical-align: middle; } .question-text .q-tag { display: inline-block; background: #f8ede4; color: #8b1a1a; font-size: 0.65rem; font-weight: 600; padding: 0.05rem 0.7rem; border-radius: 30px; margin-left: 0.4rem; vertical-align: middle; border: 1px solid #e6d3c4; } .question-text .q-exam { display: inline-block; background: #fef9e7; color: #8b1a1a; font-size: 0.6rem; font-weight: 600; padding: 0.05rem 0.6rem; border-radius: 30px; margin-left: 0.3rem; vertical-align: middle; border: 1px dashed #d4a017; } .question-text .q-code { display: block; background: #1c2e3a; color: #d4ecee; font-family: 'Courier New', monospace; font-size: 0.85rem; padding: 10px 14px; border-radius: 8px; margin: 8px 0 4px; white-space: pre-wrap; word-break: break-word; border-left: 3px solid #d4a017; } /* ---------- Options ---------- */ .options { display: flex; flex-direction: column; gap: 0.5rem; } .option { display: flex; align-items: flex-start; gap: 0.8rem; padding: 0.6rem 1.2rem; background: #fcf6f0; border: 1.5px solid #e6d3c4; border-radius: 14px; cursor: pointer; transition: all 0.15s ease; font-size: 0.95rem; line-height: 1.5; color: #2d1b0e; } .option:hover { border-color: #dbbca4; background: #f5e8dd; } .option.selected { border-color: #c0392b; background: #fce9e4; box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.12); } .option.correct-reveal { border-color: #1e7e34; background: #e6f5ea; } .option.wrong-reveal { border-color: #b22222; background: #fce4e4; } .option input[type="radio"] { margin-top: 0.15rem; accent-color: #c0392b; width: 17px; height: 17px; flex-shrink: 0; cursor: pointer; } .option .opt-label { font-weight: 700; color: #7a4a2a; margin-right: 0.15rem; } .option .opt-text { color: #2d1b0e; } /* ---------- Feedback ---------- */ .feedback { margin-top: 1.2rem; padding: 0.8rem 1.2rem; border-radius: 12px; font-weight: 500; font-size: 0.95rem; display: none; } .feedback.correct { display: block; background: #e6f5ea; color: #0b5a2e; border-left: 5px solid #1e7e34; } .feedback.wrong { display: block; background: #fce4e4; color: #8a2a2a; border-left: 5px solid #b22222; } .feedback .correct-answer { font-weight: 600; color: #0b5a2e; } .feedback .fb-explanation { font-weight: 400; color: #3d2415; font-size: 0.9rem; margin-top: 4px; padding-top: 4px; border-top: 1px dashed #dbbca4; } /* ---------- Navigation ---------- */ .nav-area { display: flex; justify-content: space-between; align-items: center; gap: 0.7rem; flex-wrap: wrap; margin-top: 0.3rem; } .nav-area button { padding: 0.6rem 1.5rem; border: none; border-radius: 40px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 0.4rem; flex: 1 1 auto; justify-content: center; min-width: 70px; } .nav-area button:hover:not(:disabled) { transform: translateY(-2px); } .nav-area button:disabled { opacity: 0.4; cursor: not-allowed; transform: none; } .nav-area .btn-prev { background: #f8ede4; color: #5a3a28; border: 1.5px solid #e6d3c4; } .nav-area .btn-prev:hover:not(:disabled) { background: #f0ddd0; } .nav-area .btn-primary { background: #8b1a1a; color: #fff; } .nav-area .btn-primary:hover:not(:disabled) { background: #6a1414; } .nav-area .btn-success { background: #1e7e34; color: #fff; } .nav-area .btn-success:hover:not(:disabled) { background: #16602a; } .nav-area .btn-outline { background: transparent; border: 1.5px solid #dbbca4; color: #5a3a28; } .nav-area .btn-outline:hover:not(:disabled) { background: #f5e8dd; } /* ---------- Results ---------- */ .results { display: none; text-align: center; padding: 2rem 1rem; } .results .big-score { font-size: 4rem; font-weight: 800; color: #8b1a1a; line-height: 1.1; } .results .big-score span { font-size: 1.6rem; font-weight: 500; color: #7a5a3a; } .results .sub-text { color: #5a3a28; font-size: 1.05rem; margin: 0.5rem 0 1.6rem; } .results .stat-grid { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin: 1.6rem 0; } .results .stat-item { background: #f8ede4; padding: 0.7rem 1.8rem; border-radius: 40px; font-weight: 500; color: #5a3a28; border: 1px solid #e6d3c4; } .results .stat-item .num { font-weight: 700; font-size: 1.2rem; } .results .stat-item.green .num { color: #1e7e34; } .results .stat-item.red .num { color: #b22222; } .results .stat-item.blue .num { color: #0b5e7c; } .results .btn-restart { background: #8b1a1a; color: #fff; border: none; padding: 0.75rem 2.8rem; border-radius: 40px; font-weight: 600; font-size: 1rem; cursor: pointer; transition: 0.2s; margin-top: 0.3rem; } .results .btn-restart:hover { background: #6a1414; transform: translateY(-2px); } /* ---------- Footer ---------- */ .footer { margin-top: 40px; text-align: center; color: #7a5a3a; font-size: 0.9rem; border-top: 1px solid #ecdccc; padding-top: 25px; } .footer i { color: #c0392b; } /* ---------- Responsive ---------- */ @media (max-width: 680px) { .container { padding: 18px 16px 32px; } .blog-header h1 { font-size: 1.6rem; } .question-text { font-size: 0.98rem; } .option { font-size: 0.88rem; padding: 0.5rem 0.9rem; } .nav-area button { padding: 0.45rem 0.9rem; font-size: 0.8rem; flex: 1 1 40%; } .progress-area { padding: 0.3rem 0.7rem; gap: 0.4rem; } .q-counter, .score-badge { font-size: 0.75rem; padding: 0.1rem 0.6rem; } .results .big-score { font-size: 3rem; } .results .stat-grid { gap: 0.8rem; } .results .stat-item { padding: 0.4rem 1rem; font-size: 0.85rem; } .tags span { font-size: 0.6rem; padding: 0.1rem 0.7rem; } .question-text .q-code { font-size: 0.75rem; padding: 8px 10px; } } @media (max-width: 450px) { .blog-header h1 { font-size: 1.3rem; } .container { padding: 12px 10px 24px; } .nav-area button { flex: 1 1 100%; } .option { font-size: 0.82rem; padding: 0.4rem 0.7rem; } .question-text { font-size: 0.92rem; } .question-card { padding: 16px 16px 20px; } .question-text .q-code { font-size: 0.7rem; padding: 6px 8px; } } /* ---------- Print ---------- */ @media print { .nav-area button, .btn-restart { display: none; } .option input[type="radio"] { accent-color: #1e7e34; } .feedback { display: block !important; } .progress-area { break-inside: avoid; } .container { box-shadow: none; border: 1px solid #ddd; } } /* ---------- Scrollbar ---------- */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f3ede7; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #c0392b; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #a52a2a; } Home › Quiz › 50 MCQs Practice 50 MCQs Practice Reasoning · Computer Science · Operating Systems · Rajasthan GK · RPSC · REET · CET 50 Interactive MCQs · Instant Feedback 🧩 Reasoning 💻 CS 🖥️ OS 🏛️ Rajasthan GK 1 / 50 ✅ 0 Previous Reset Next 0 / 50 Keep practicing! ✅ Correct 0 ❌ Wrong 0 ⏭ Skipped 0 Start Over 50 MCQs • RPSC · REET · CET · Patwari · SI · LDC • Reasoning · CS · OS · Rajasthan GK (function() { // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // DATA – 50 questions // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ const questions = [{ id: 1, tag: '🧩 Reasoning', exam: '', text: '4 10 22 46 ? 190', options: ['56', '16', '76', '94'], answer: 3, explanation: 'Pattern: ×2 + 2 → 4×2+2=10, 10×2+2=22, 22×2+2=46, 46×2+2=94, 94×2+2=190' }, { id: 2, tag: '🧩 Reasoning', exam: '', text: '9 121 ? 21841 262081', options: ['1681', '981', '2516', '1625'], answer: 0, explanation: 'Pattern: ×13 + 4? 9×13+4=121, 121×13+? = 1681, 1681×13+? = 21841, 21841×13+? = 262081' }, { id: 3, tag: '🧩 Reasoning', exam: '', text: '2 5 26 ?', options: ['675', '674', '768', '677'], answer: 3, explanation: 'Pattern: x² + 1 → 2²+1=5, 5²+1=26, 26²+1=677' }, { id: 4, tag: '🧩 Reasoning', exam: '', text: 'In the series 3, 9, 27, 81... What will be the 8th term?', options: ['6891', '6561', '5661', '6231'], answer: 1, explanation: '3^8 = 6561 (3×3×3×3×3×3×3×3 = 6561)' }, { id: 5, tag: '🧩 Reasoning', exam: '', text: '1 2 3 6 9 18 54 ?', options: ['18', '27', '36', '81'], answer: 3, explanation: 'Pattern: ×2, ×1.5, ×2, ×1.5... 54×1.5 = 81' }, { id: 6, tag: '💻 CS', exam: '', text: 'Which combination of keys is used to switch between open applications?', options: ['Alt + Tab', 'Ctrl + Tab', 'Shift + Tab', 'Windows + Tab'], answer: 0, explanation: 'Alt + Tab is the standard Windows shortcut to switch between open applications.' }, { id: 7, tag: '💻 CS', exam: '', text: 'Where are deleted files stored temporarily in Windows?', options: ['Control Panel', 'Recycle Bin', 'My Documents', 'Desktop'], answer: 1, explanation: 'Deleted files are temporarily stored in the Recycle Bin until permanently removed.' }, { id: 8, tag: '💻 CS', exam: '', text: 'What does GUI stand for?', options: ['General User Interface', 'Graphical User Interface', 'Global User Interface', 'Graphic Use Interaction' ], answer: 1, explanation: 'GUI stands for Graphical User Interface.' }, { id: 9, tag: '💻 CS', exam: '', text: 'Which keyboard shortcut locks the Windows screen?', options: ['Windows Key + L', 'Ctrl + L', 'Alt + L', 'Shift + L'], answer: 0, explanation: 'Windows Key + L locks the Windows screen instantly.' }, { id: 10, tag: '🖥️ OS', exam: '', text: 'What is the main function of the command interpreter?', options: [ 'To get and execute the next user-specified command', 'To provide the interface between the API and application program', 'To handle the files in operating system', 'None of the mentioned' ], answer: 0, explanation: 'The command interpreter (shell) gets and executes user-specified commands.' }, { id: 11, tag: '🖥️ OS', exam: '', text: 'In Operating Systems which of the following is/are CPU scheduling algorithms?', options: ['Priority scheduling', 'Round Robin scheduling', 'Shortest Job First scheduling', 'All of the mentioned' ], answer: 3, explanation: 'All three — Priority, Round Robin, and Shortest Job First — are CPU scheduling algorithms.' }, { id: 12, tag: '🖥️ OS', exam: '', text: 'To access the services of operating system the interface is provided by the?', options: ['System calls', 'API', 'Library', 'Assembly instructions'], answer: 0, explanation: 'System calls provide the interface to access OS services.' }, { id: 13, tag: '🖥️ OS', exam: '', text: 'CPU scheduling is the basis of?', options: ['Multiprogramming operating systems', 'Larger memory sized systems', 'Multiprocessor systems', 'None of the mentioned' ], answer: 0, explanation: 'CPU scheduling is fundamental to multiprogramming operating systems.' }, { id: 14, tag: '🖥️ OS', exam: '', text: 'Which of the following is not a valid state of a process?', options: ['New', 'Ready', 'Running', 'Executed'], answer: 3, explanation: '"Executed" is not a standard process state. The states are New, Ready, Running, Blocked, and Terminated.' }, { id: 15, tag: '💻 CS', exam: 'KVS PGT C.S. 2018', text: 'To load a byte of data parallelly into a shift register with a synchronous load, there must be:', options: ['Synchronous clock and load signal', 'Asynchronous reset', 'Serial input', 'Tri-state output' ], answer: 0, explanation: 'Synchronous load requires both a synchronous clock and a load signal.' }, { id: 16, tag: '💻 CS', exam: 'Bihar STET C.S. 2020', text: 'What is a Firewall in Computer Network? / कंप्यूटर नेटवर्क में फ़ायरवॉल क्या है?', options: ['The physical boundary of Network', 'An operating system of computer Network', 'A system designed to prevent unauthorized access', 'A web browsing Software' ], answer: 2, explanation: 'A firewall is a system designed to prevent unauthorized access to or from a private network.' }, { id: 17, tag: '💻 CS', exam: 'Bihar STET C.S. 2020', text: 'Protocols are / प्रोटोकॉल हैं:', options: [ 'Agreements on how communication components and DTEs are to communicate', 'Logical communication channels for transferring data', 'Physical communication channels used for transferring data', 'None of these' ], answer: 0, explanation: 'Protocols are agreements on how communication components and Data Terminal Equipment (DTEs) communicate.' }, { id: 18, tag: '💻 CS', exam: 'KVS PGT C.S. 2013', text: 'What will be the value of C, in `C = x++ + ++x + x + x`, if `x = 10`?', options: ['48', '45', '46', '49'], answer: 2, explanation: 'x=10 → x++ = 10 (x becomes 11), ++x = 12 (x becomes 12), x=12, x=12 → Total = 10+12+12+12 = 46' }, { id: 19, tag: '💻 CS', exam: 'DSSSB TGT C.S. 2021', text: 'Digital certificates के संदर्भ में निम्नलिखित कथनों पर विचार करें:I. Digital certificates are used to verify the identity of the certificate holder.II. Digital certificates are based on public key cryptography.III. These certificates are available only in one strength.', options: ['I and II', 'Only III', 'Only II', 'I and III'], answer: 0, explanation: 'Digital certificates verify identity (I) and are based on public key cryptography (II). They come in various strengths, so III is false.' }, { id: 20, tag: '💻 CS', exam: 'Bihar STET C.S. 2020', text: 'A physical connection between the microprocessor memory and other parts of the microcomputer is known as:', options: ['Path', 'Address bus', 'Route', 'All of these'], answer: 1, explanation: 'The Address Bus provides the physical connection between microprocessor memory and other components.' }, { id: 21, tag: '💻 CS', exam: 'LT. Grade C.S. 2018', text: 'What is the output of the following C program?int main() { int index; for(index=1; index document.getElementById(id); const questionText = $('questionText'); const optionsContainer = $('optionsContainer'); const feedback = $('feedback'); const prevBtn = $('prevBtn'); const nextBtn = $('nextBtn'); const resetBtn = $('resetBtn'); const restartBtn = $('restartBtn'); const progressFill = $('progressFill'); const qCounter = $('qCounter'); const scoreBadge = $('scoreBadge'); const questionContainer = $('questionContainer'); const resultsContainer = $('resultsContainer'); const finalScore = $('finalScore'); const finalMessage = $('finalMessage'); const correctCount = $('correctCount'); const wrongCount = $('wrongCount'); const skippedCount = $('skippedCount'); // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // RENDER // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ function render() { if (state.finished) { showResults(); return; } const q = questions[state.current]; const idx = state.current; const selected = state.answers[idx]; const revealed = state.revealed[idx]; // Question text with tag, exam source const tagEmoji = q.tag || '📝'; const examText = q.exam ? ` ${q.exam}` : ''; questionText.innerHTML = ` Q${idx+1} ${tagEmoji} ${examText} ${q.text.replace(/\n/g, '')} `; // Options optionsContainer.innerHTML = ''; const labels = ['A', 'B', 'C', 'D']; q.options.forEach((opt, i) => { const div = document.createElement('div'); div.className = 'option'; if (selected === i) div.classList.add('selected'); if (revealed) { if (i === q.answer) div.classList.add('correct-reveal'); else if (selected === i && selected !== q.answer) div.classList.add('wrong-reveal'); } const radio = document.createElement('input'); radio.type = 'radio'; radio.name = 'question'; radio.value = i; radio.checked = (selected === i); radio.disabled = revealed; radio.addEventListener('change', () => selectOption(i)); const labelSpan = document.createElement('span'); labelSpan.className = 'opt-label'; labelSpan.textContent = labels[i] + '.'; const textSpan = document.createElement('span'); textSpan.className = 'opt-text'; textSpan.textContent = opt; div.appendChild(radio); div.appendChild(labelSpan); div.appendChild(textSpan); optionsContainer.appendChild(div); }); // Feedback if (revealed) { const isCorrect = (selected === q.answer); feedback.className = `feedback ${isCorrect ? 'correct' : 'wrong'}`; const expl = q.explanation ? `💡 ${q.explanation}` : ''; feedback.innerHTML = isCorrect ? '✅ Correct!' + expl : `❌ Wrong. Correct answer: ${labels[q.answer]}. ${q.options[q.answer]}${expl}`; feedback.style.display = 'block'; } else { feedback.style.display = 'none'; } // Progress const total = questions.length; const answered = state.answers.filter(a => a !== null).length; progressFill.style.width = `${(answered / total) * 100}%`; qCounter.textContent = `${idx+1} / ${total}`; // Score const correct = state.answers.reduce((acc, ans, i) => { return acc + (ans !== null && ans === questions[i].answer ? 1 : 0); }, 0); state.score = correct; scoreBadge.textContent = `✅ ${correct}`; // Buttons prevBtn.disabled = (idx === 0); const isLast = (idx === total - 1); nextBtn.innerHTML = isLast ? '📊 Finish' : 'Next '; nextBtn.className = isLast ? 'btn-success' : 'btn-primary'; // Scroll to top of card document.querySelector('.question-card').scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // ACTIONS // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ function selectOption(index) { if (state.finished) return; const idx = state.current; if (state.revealed[idx]) return; state.answers[idx] = index; render(); } function goPrev() { if (state.current > 0) { state.current--; render(); } } function goNext() { const idx = state.current; const total = questions.length; // If not revealed, auto-reveal if (!state.revealed[idx] && state.answers[idx] !== null) { state.revealed[idx] = true; render(); return; } // If at last and answered, finish if (idx === total - 1) { if (state.answers[idx] !== null && !state.revealed[idx]) { state.revealed[idx] = true; render(); return; } finishQuiz(); return; } // Move to next if (idx < total - 1) { state.current++; render(); } } function finishQuiz() { for (let i = 0; i < questions.length; i++) { if (state.answers[i] !== null && !state.revealed[i]) { state.revealed[i] = true; } } state.finished = true; render(); } function showResults() { questionContainer.style.display = 'none'; resultsContainer.style.display = 'block'; const total = questions.length; const correct = state.answers.reduce((acc, ans, i) => { return acc + (ans !== null && ans === questions[i].answer ? 1 : 0); }, 0); const wrong = state.answers.reduce((acc, ans, i) => { return acc + (ans !== null && ans !== questions[i].answer ? 1 : 0); }, 0); const skipped = total - correct - wrong; finalScore.innerHTML = `${correct} / ${total}`; correctCount.textContent = correct; wrongCount.textContent = wrong; skippedCount.textContent = skipped; const pct = Math.round((correct / total) * 100); let msg = ''; if (pct >= 90) msg = '🏆 Excellent! You\'re a quiz master!'; else if (pct >= 70) msg = '🌟 Great job! Keep learning!'; else if (pct >= 50) msg = '📖 Good effort! Review the topics you missed.'; else msg = '💪 Keep practicing — you\'ll get better!'; finalMessage.textContent = msg; progressFill.style.width = '100%'; qCounter.textContent = `${total} / ${total}`; scoreBadge.textContent = `✅ ${correct}`; } function resetQuiz() { state.current = 0; state.answers.fill(null); state.revealed.fill(false); state.finished = false; state.score = 0; questionContainer.style.display = 'block'; resultsContainer.style.display = 'none'; render(); } // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // EVENT BINDING // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ prevBtn.addEventListener('click', goPrev); nextBtn.addEventListener('click', goNext); resetBtn.addEventListener('click', resetQuiz); restartBtn.addEventListener('click', resetQuiz); // Keyboard shortcuts document.addEventListener('keydown', (e) => { if (e.target.tagName === 'INPUT') return; if (e.key === 'ArrowRight' || e.key === 'Enter') { e.preventDefault(); if (!state.finished) goNext(); } if (e.key === 'ArrowLeft') { e.preventDefault(); if (!state.finished) goPrev(); } if (e.key === 'r' || e.key === 'R') { resetQuiz(); } }); // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ // INIT // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ render(); })();

You might also like