Tourist Places in Uttarakhand Quiz | Geography & Culture MCQs

Quiz Uttarakhand GK /* Basic CSS resets */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #f1f8e9; color: #33691e; } .content-container { background-color: #dcedc8; padding: 5px; border-radius: 5px; max-width: 800px; margin: 50px auto 20px auto; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); position: relative; }

/* Hamburger Menu Icon */ .hamburger { position: absolute; top: 15px; left: 15px; z-index: 1500; width: 25px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .hamburger-line { height: 3px; background-color: #333; border-radius: 2px; }

/* Sidebar (Question Nav) */ #questionNavOverlay { position: fixed; top: 0; left: -250px; width: 250px; height: 100%; background-color: #fff; transition: left 0.3s ease-in-out; z-index: 2000; box-shadow: 2px 0 6px rgba(0,0,0,0.3); padding: 20px; overflow-y: auto; } #questionNavOverlay.show { left: 0; } #questionNavTitle { margin-bottom: 10px; font-weight: bold; font-size: 1.1rem; } .question-nav { display: flex; flex-wrap: wrap; gap: 5px; } .circle-number { width: 30px; height: 30px; border-radius: 50%; background-color: #ccc; color: #000; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; transition: background-color 0.2s; } .circle-number:hover { background-color: #aaa; } .circle-number.active { background-color: #4CAF50; color: #fff; }

/* Quiz Container */ .quiz-container { background-color: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 100%; margin: 0 auto; text-align: center; position: relative; } .question-counter { font-weight: bold; padding: 5px 10px; border-radius: 5px; background-color: #d9edf7; position: absolute; top: 15px; left: 55px; } .timer { font-weight: bold; padding: 5px 10px; border-radius: 5px; background-color: #ffcccb; position: absolute; top: 15px; right: 15px; }

.question { font-size: 1.2rem; margin-top: 60px; margin-bottom: 20px; text-align: left; } .choices { display: flex; flex-direction: column; gap: 10px; } .choice { padding: 10px; background-color: #f0f0f0; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s; text-align: left; } .choice:hover { background-color: #e0e0e0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .choice.selected { background-color: #28a745; color: #fff; } .choice.correct { background-color: #28a745; border-color: #28a745; color: #fff; } .choice.incorrect { background-color: #dc3545; border-color: #dc3545; color: #fff; } .choice.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.6; } .explanation { margin-top: 20px; text-align: left; background-color: #e7f3fe; padding: 15px; border-left: 5px solid #2196F3; border-radius: 5px; } .buttons { display: flex; justify-content: center; gap: 10px; margin-top: 20px; flex-wrap: wrap; } .btn { flex: 1 1 auto; padding: 10px 15px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 1rem; text-align: center; min-width: 120px; max-width: 180px; transition: background-color 0.3s; } .btn:hover { background-color: #45a049; } .btn.disabled { background-color: #cccccc; cursor: not-allowed; opacity: 0.8; } .hidden { display: none; }

/* Result Section */ #resultContent { text-align: center; margin-top: 20px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .congrats { font-size: 1.8rem; color: #4CAF50; margin-bottom: 10px; } .sad { font-size: 1.8rem; color: #d32f2f; margin-bottom: 10px; } #scoreMessage { font-size: 1.2rem; }

/* Styles for the Review Mode */ #reviewContainer { padding: 10px; } .review-question-container { background-color: #fff; padding: 20px; margin-bottom: 15px; border-radius: 8px; } .review-question-container h3 { margin-bottom: 15px; font-size: 1.2rem; color: #333; } .review-option { padding: 10px; margin: 5px 0; border-radius: 5px; border: 1px solid #ddd; background-color: #f8f9fa; display: flex; /* NEW: For aligning checkmark */ justify-content: space-between; /* NEW: For aligning checkmark */ align-items: center; /* NEW: For aligning checkmark */ } .review-option.correct-answer { background-color: #d4edda; /* Light green */ border-color: #c3e6cb; color: #155724; font-weight: bold; } .review-option.user-incorrect { background-color: #f8d7da; /* Light red */ border-color: #f5c6cb; color: #721c24; text-decoration: line-through; } .review-explanation { margin-top: 15px; padding: 15px; border-left: 5px solid #2196F3; background-color: #e7f3fe; border-radius: 5px; color: #333; } /* NEW: Style for the top button container in review mode */ #reviewTopButtons { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; }

/* Popup Message */ #popupMessage { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); color: white; padding: 10px 20px; border-radius: 5px; font-size: 1rem; z-index: 5000; display: none; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } #popupMessage.show { display: block; } #popupMessage.correct { background-color: #28a745; } #popupMessage.incorrect { background-color: #dc3545; }

/* Instruction Screen */ #instructionScreen { background-color: #fff; border-radius: 10px; padding: 25px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 600px auto; margin: 20px auto; text-align: left; } #instructionScreen h2 { text-align: center; margin-bottom: 20px; color: #33691e; font-size: 1.8rem; } #instructionScreen ul { list-style-type: disc; margin-left: 25px; margin-bottom: 20px; line-height: 1.6; color: #555; } #instructionScreen ul li { margin-bottom: 8px; } #startQuizBtn { display: block; width: 60%; margin: 0 auto; padding: 15px 25px; background-color: #4CAF50; color: white; border: none; border-radius: 8px; font-size: 1 rem; cursor: pointer; transition: background-color 0.3s, transform 0.2s; } #startQuizBtn:hover { background-color: #45a049; transform: translateY(-2px); } #startQuizBtn:active { transform: translateY(0); }

/* Responsive adjustments */ @media (max-width: 768px) { .content-container, #instructionScreen { margin: 10px; padding: 10px; } .quiz-container { padding: 15px; } .question { font-size: 1.1rem; margin-top: 55px; } .btn { padding: 8px 10px; font-size: 0.9rem; min-width: 90px; max-width: 120px; } #instructionScreen h2 { font-size: 1.5rem; } #startQuizBtn { width: 80%; padding: 12px 20px; font-size: 1.1rem; } }

Questions

Instructions इस Quiz में Topic से संबंधित प्रश्न हैं। प्रत्येक प्रश्न के लिए आपको सीमित समय मिलेगा। एक बार उत्तर सबमिट करने के बाद आप उसे बदल नहीं सकते। आप किसी भी प्रश्न पर जाने के लिए साइडबार नेविगेशन का उपयोग कर सकते हैं। Quiz पूरा होने पर आपको अपना स्कोर और व्याख्या दिखाई जाएगी। शुभकामनाएं! Start

1/3 Time: 00:00 Loading question... Previous Check Next

Quiz Completed

Review

/***** JavaScript Code *****/ const quizData = [ { "question": "उत्तराखंड में पर्यटन के प्रमुख प्रकार कौन-कौन से हैं?", "options": [ "केवल धार्मिक और साहसिक", "केवल प्रकृति और स्वास्थ्य", "धार्मिक, साहसिक, प्रकृति, स्वास्थ्य और सांस्कृतिक", "केवल हिल स्टेशन पर्यटन" ], "correct": 2, "explanation": "उत्तराखंड में पर्यटन के कई रूप हैं, जिनमें धार्मिक, साहसिक, प्रकृति, स्वास्थ्य (योग और आयुर्वेद) और सांस्कृतिक पर्यटन प्रमुख हैं।" }, { "question": "उत्तराखंड सरकार द्वारा किन दो वर्षों को 'पर्यटन वर्ष' घोषित किया गया था?", "options": [ "2000 और 2010", "2005 और 2012", "2001 और 2015", "2002 और 2018" ], "correct": 2, "explanation": "राज्य में पर्यटन को बढ़ावा देने के लिए वर्ष 2001 और 2015 को पर्यटन वर्ष के रूप में घोषित किया गया था।" }, { "question": "उत्तराखंड की नई पर्यटन नीति को कब मंजूरी दी गई?", "options": [ "28 सितंबर 2018", "9 नवंबर 2000", "1 जनवरी 2015", "4 अप्रैल 2001" ], "correct": 0, "explanation": "राज्य की नई पर्यटन नीति को 28 सितंबर 2018 को मंजूरी दी गई थी।" }, { "question": "प्रत्येक जिले में एक नए पर्यटन स्थल को विकसित करने की योजना का क्या नाम है?", "options": [ "मेरा गाँव मेरा तीर्थ", "पर्यटन विकास योजना", "13 डिस्ट्रिक्ट 13 डेस्टिनेशन", "चलो उत्तराखंड" ], "correct": 2, "explanation": "राज्य सरकार की '13 डिस्ट्रिक्ट 13 डेस्टिनेशन' योजना के तहत प्रत्येक जिले में एक नए पर्यटन स्थल को विकसित किया जा रहा है।" }, { "question": "प्रसिद्ध चार धामों में से यमुनोत्री और गंगोत्री किस जिले में स्थित हैं?", "options": [ "चमोली", "रुद्रप्रयाग", "उत्तरकाशी", "टिहरी" ], "correct": 2, "explanation": "चार धामों में से यमुनोत्री (यमुना का उद्गम) और गंगोत्री (गंगा का उद्गम) दोनों ही उत्तरकाशी जिले में स्थित हैं।" }, { "question": "विश्व का सबसे ऊँचा शिव मंदिर, तुंगनाथ, किस जिले में स्थित है?", "options": [ "चमोली", "रुद्रप्रयाग", "उत्तरकाशी", "टिहरी" ], "correct": 1, "explanation": "पंच केदारों में से एक, तुंगनाथ, विश्व का सबसे ऊँचा शिव मंदिर है और यह रुद्रप्रयाग जिले में स्थित है।" }, { "question": "विष्णुप्रयाग में अलकनंदा नदी का संगम किस नदी से होता है?", "options": [ "नंदाकिनी", "पिंडर", "मंदाकिनी", "पश्चिमी धौलीगंगा" ], "correct": 3, "explanation": "पंच प्रयागों में से पहला, विष्णुप्रयाग (चमोली) में अलकनंदा और पश्चिमी धौलीगंगा नदियों का संगम होता है।" }, { "question": "रुद्रप्रयाग में किन दो नदियों का संगम होता है?", "options": [ "अलकनंदा और पिंडर", "अलकनंदा और नंदाकिनी", "अलकनंदा और मंदाकिनी", "अलकनंदा और भागीरथी" ], "correct": 2, "explanation": "रुद्रप्रयाग में अलकनंदा और मंदाकिनी नदियों का पवित्र संगम होता है।" }, { "question": "किस संगम के बाद नदी को 'गंगा' नाम से जाना जाता है?", "options": [ "विष्णुप्रयाग", "कर्णप्रयाग", "रुद्रप्रयाग", "देवप्रयाग" ], "correct": 3, "explanation": "देवप्रयाग (टिहरी) में अलकनंदा और भागीरथी नदियों का संगम होता है, और यहीं से यह संयुक्त धारा 'गंगा' कहलाती है।" }, { "question": "प्राचीन मंदिरों के समूह के लिए प्रसिद्ध जागेश्वर धाम किस जिले में है?", "options": [ "चम्पावत", "बागेश्वर", "पिथौरागढ़", "अल्मोड़ा" ], "correct": 3, "explanation": "जागेश्वर धाम, जहाँ कई प्राचीन शिव मंदिर हैं, अल्मोड़ा जिले में स्थित एक प्रमुख धार्मिक स्थल है।" }, { "question": "सिखों का पवित्र तीर्थ स्थल हेमकुंड साहिब किस जिले में है?", "options": [ "उत्तरकाशी", "चमोली", "रुद्रप्रयाग", "टिहरी" ], "correct": 1, "explanation": "हेमकुंड साहिब, जो एक उच्च तुंगता वाली झील के किनारे स्थित है, चमोली जिले में सिखों का एक प्रमुख पवित्र तीर्थ स्थल है।" }, { "question": "गुरु नानक देव जी से संबंधित 'रीठा साहिब' कहाँ स्थित है?", "options": [ "नैनीताल", "ऊधमसिंह नगर", "चम्पावत", "अल्मोड़ा" ], "correct": 2, "explanation": "प्रसिद्ध गुरुद्वारा रीठा साहिब चम्पावत जिले में स्थित है और यह गुरु नानक देव जी की यात्रा से जुड़ा है।" }, { "question": "सूफी संत की प्रसिद्ध दरगाह 'पिरान कलियर शरीफ' कहाँ स्थित है?", "options": [ "देहरादून", "हरिद्वार", "रुड़की", "काशीपुर" ], "correct": 2, "explanation": "पिरान कलियर शरीफ एक प्रसिद्ध सूफी दरगाह है जो हरिद्वार जिले के रुड़की शहर के पास स्थित है।" }, { "question": "मसूरी को किस लोकप्रिय उपनाम से जाना जाता है?", "options": [ "झीलों की नगरी", "पहाड़ों की रानी", "योग नगरी", "भारत का स्विट्जरलैंड" ], "correct": 1, "explanation": "मसूरी को इसकी सुंदरता और लोकप्रियता के कारण \"पहाड़ों की रानी\" (Queen of the Hills) कहा जाता है।" }, { "question": "प्रसिद्ध पर्यटन स्थल 'कैम्पटी फॉल' किस हिल स्टेशन के निकट है?", "options": [ "नैनीताल", "मसूरी", "रानीखेत", "अल्मोड़ा" ], "correct": 1, "explanation": "कैम्पटी फॉल एक प्रसिद्ध जलप्रपात है जो मसूरी के निकट स्थित है।" }, { "question": "रानीखेत का कौन सा स्थान सेब के बागानों के लिए प्रसिद्ध है?", "options": [ "गोल्फ कोर्स", "मनकामेश्वर मंदिर", "चौबटिया गार्डन", "झूला देवी मंदिर" ], "correct": 2, "explanation": "रानीखेत में स्थित चौबटिया गार्डन अपने सेब, खुबानी और अन्य फलों के बागानों के लिए प्रसिद्ध है।" }, { "question": "महात्मा गांधी ने किस स्थान को 'भारत का स्विट्जरलैंड' कहा था?", "options": [ "नैनीताल", "मसूरी", "रानीखेत", "कौसानी" ], "correct": 3, "explanation": "कौसानी से दिखने वाले हिमालय के मनोरम दृश्यों से प्रभावित होकर महात्मा गांधी ने इसे 'भारत का स्विट्जरलैंड' कहा था।" }, { "question": "गांधीजी से जुड़ा 'अनासक्ति आश्रम' कहाँ स्थित है?", "options": [ "अल्मोड़ा", "कौसानी", "नैनीताल", "रानीखेत" ], "correct": 1, "explanation": "अनासक्ति आश्रम कौसानी में स्थित है, जहाँ महात्मा गांधी ने प्रवास के दौरान 'अनासक्ति योग' नामक गीता की भूमिका लिखी थी।" }, { "question": "उत्तराखंड का कौन सा स्थल सर्दियों में स्कीइंग के लिए विश्व प्रसिद्ध है?", "options": [ "धनोल्टी", "चोपता", "औली", "मुनस्यारी" ], "correct": 2, "explanation": "चमोली जिले में स्थित औली, अपनी उत्कृष्ट ढलानों और सुविधाओं के कारण भारत का एक प्रमुख स्कीइंग गंतव्य है।" }, { "question": "किस स्थान को 'मिनी स्विट्जरलैंड' कहा जाता है?", "options": [ "चकराता", "हर्षिल", "चोपता", "लैंसडाउन" ], "correct": 2, "explanation": "रुद्रप्रयाग जिले में स्थित चोपता अपने सुंदर घास के मैदानों और दृश्यों के कारण 'मिनी स्विट्जरलैंड' के रूप में लोकप्रिय है।" }, { "question": "गंगा नदी में रिवर राफ्टिंग के लिए कौन सा शहर विश्व प्रसिद्ध है?", "options": [ "हरिद्वार", "देवप्रयाग", "उत्तरकाशी", "ऋषिकेश" ], "correct": 3, "explanation": "ऋषिकेश, विशेषकर शिवपुरी से लेकर लक्ष्मण झूला तक का क्षेत्र, गंगा नदी में रिवर राफ्टिंग और कैनोइंग जैसी साहसिक गतिविधियों का प्रमुख केंद्र है।" }, { "question": "हर की दून और पिंडारी ग्लेशियर किस साहसिक गतिविधि के लिए प्रसिद्ध हैं?", "options": [ "स्कीइंग", "रिवर राफ्टिंग", "ट्रेकिंग", "पैराग्लाइडिंग" ], "correct": 2, "explanation": "हर की दून घाटी, पिंडारी ग्लेशियर, रूपकुंड और फूलों की घाटी जैसे स्थान ट्रेकिंग और पर्वतारोहण के लिए विश्व प्रसिद्ध हैं।" }, { "question": "उत्तराखंड में बंजी जंपिंग के लिए मुख्य केंद्र कौन सा है?", "options": [ "नैनीताल", "मसूरी", "ऋषिकेश", "पिथौरागढ़" ], "correct": 2, "explanation": "ऋषिकेश भारत में बंजी जंपिंग, फ्लाइंग फॉक्स और जायंट स्विंग जैसी साहसिक गतिविधियों के लिए एक प्रमुख केंद्र के रूप में उभरा है।" }, { "question": "पक्षियों के अवलोकन (Bird Watching) के लिए कौन सा वन्यजीव विहार उत्तम माना जाता है?", "options": [ "कॉर्बेट राष्ट्रीय उद्यान", "राजाजी राष्ट्रीय उद्यान", "बिनसर वन्यजीव विहार", "अस्कोट वन्यजीव विहार" ], "correct": 2, "explanation": "अल्मोड़ा में स्थित बिनसर वन्यजीव विहार पक्षियों की विभिन्न प्रजातियों के लिए जाना जाता है और यह पक्षी अवलोकन के लिए एक उत्कृष्ट स्थान है।" }, { "question": "देवरिया ताल किस जिले में स्थित एक प्रसिद्ध पर्यटन स्थल है?", "options": [ "चमोली", "टिहरी", "उत्तरकाशी", "रुद्रप्रयाग" ], "correct": 3, "explanation": "देवरिया ताल रुद्रप्रयाग जिले में ऊखीमठ-चोपता मार्ग पर स्थित एक सुंदर झील है, जहाँ से चौखम्बा शिखर का अद्भुत प्रतिबिंब दिखाई देता है।" } ]

let currentQuestionIndex = 0; let userAnswers = Array(quizData.length).fill(null); let totalQuizTime = quizData.length * 30; let timeLeft = totalQuizTime; let timerInterval;

const instructionScreen = document.getElementById('instructionScreen'); const quizContent = document.getElementById('quizContent'); const resultContent = document.getElementById('resultContent'); const reviewContainer = document.getElementById('reviewContainer'); const startQuizBtn = document.getElementById('startQuizBtn'); const hamburgerBtn = document.getElementById('hamburgerBtn'); const questionNavOverlay = document.getElementById('questionNavOverlay'); const prevButton = document.getElementById('prevButton'); const submitAnswerButton = document.getElementById('submitAnswerButton'); const nextButton = document.getElementById('nextButton'); const reviewQuizBtn = document.getElementById('reviewQuizBtn');

window.onload = function() { applyRandomTheme(); quizContent.classList.add('hidden'); instructionScreen.classList.remove('hidden'); hamburgerBtn.classList.add('hidden'); };

startQuizBtn.addEventListener('click', () => { instructionScreen.classList.add('hidden'); quizContent.classList.remove('hidden'); hamburgerBtn.classList.remove('hidden'); generateQuestionNav(); loadQuestion(); startTimer(); });

hamburgerBtn.addEventListener('click', () => { questionNavOverlay.classList.toggle('show'); });

document.addEventListener('click', (e) => { const navOverlay = document.getElementById('questionNavOverlay'); const hamburger = document.getElementById('hamburgerBtn'); if (navOverlay.classList.contains('show') && !navOverlay.contains(e.target) && !hamburger.contains(e.target)) { navOverlay.classList.remove('show'); } });

function generateQuestionNav() { const navContainer = document.getElementById("questionNav"); navContainer.innerHTML = ""; quizData.forEach((_, index) => { const circle = document.createElement("div"); circle.classList.add("circle-number"); circle.innerText = index + 1; circle.onclick = () => jumpToQuestion(index); navContainer.appendChild(circle); }); }

function jumpToQuestion(qIndex) { currentQuestionIndex = qIndex; document.getElementById('questionNavOverlay').classList.remove('show'); submitAnswerButton.classList.remove("hidden"); nextButton.classList.add("hidden"); loadQuestion(); }

function nextQuestion() { currentQuestionIndex++; if (currentQuestionIndex >= quizData.length) { showResults(); } else { loadQuestion(); } }

function previousQuestion() { if (currentQuestionIndex > 0) { currentQuestionIndex--; loadQuestion(); } }

// --- Back to Score button at the TOP --- const backBtn = document.createElement('button'); backBtn.innerText = 'Back to Score'; backBtn.className = 'btn'; backBtn.style.display = 'block'; backBtn.style.margin = '0 auto 20px auto'; // Center it backBtn.onclick = () => { reviewContainer.classList.add('hidden'); resultContent.classList.remove('hidden'); }; reviewContainer.appendChild(backBtn); // --- Loop to show all questions --- quizData.forEach((questionData, index) => { const questionContainer = document.createElement('div'); questionContainer.className = 'review-question-container';

const questionTitle = document.createElement('h3'); questionTitle.innerText = `प्रश्न ${index + 1}: ${questionData.question}`; questionContainer.appendChild(questionTitle); questionData.options.forEach((option, optionIndex) => { const optionDiv = document.createElement('div'); optionDiv.className = 'review-option'; const optionText = document.createElement('span'); optionText.innerText = option; optionDiv.appendChild(optionText);

if (optionIndex === questionData.correct) { optionDiv.classList.add('correct-answer'); if (userAnswers[index] === questionData.correct) { const checkmark = document.createElement('span'); checkmark.innerHTML = '&check;'; checkmark.style.fontSize = '1.5em'; checkmark.style.color = '#155724'; optionDiv.appendChild(checkmark); } } if (optionIndex === userAnswers[index] && userAnswers[index] !== questionData.correct) { optionDiv.classList.add('user-incorrect'); } questionContainer.appendChild(optionDiv); });

const explanationDiv = document.createElement('div'); explanationDiv.className = 'review-explanation'; explanationDiv.innerHTML = ` व्याख्या: ${questionData.explanation}`; questionContainer.appendChild(explanationDiv); reviewContainer.appendChild(questionContainer); });

// --- Restart Quiz button at the BOTTOM --- const restartBtn = document.createElement('button'); restartBtn.innerText = 'Restart Quiz'; restartBtn.className = 'btn'; restartBtn.style.display = 'block'; restartBtn.style.margin = '20px auto 10px auto'; // Center it restartBtn.onclick = () => window.location.reload(); reviewContainer.appendChild(restartBtn);

reviewContainer.appendChild(topButtonContainer); quizData.forEach((questionData, index) => { const questionContainer = document.createElement('div'); questionContainer.className = 'review-question-container'; const questionTitle = document.createElement('h3'); questionTitle.innerText = `प्रश्न ${index + 1}: ${questionData.question}`; questionContainer.appendChild(questionTitle); questionData.options.forEach((option, optionIndex) => { const optionDiv = document.createElement('div'); optionDiv.className = 'review-option'; const optionText = document.createElement('span'); // Span for text optionText.innerText = option; optionDiv.appendChild(optionText);

// Highlight correct answer if (optionIndex === questionData.correct) { optionDiv.classList.add('correct-answer'); // NEW: Add a checkmark if the user's answer was also correct if (userAnswers[index] === questionData.correct) { const checkmark = document.createElement('span'); checkmark.innerHTML = '&check;'; // Checkmark symbol checkmark.style.fontSize = '1.5em'; checkmark.style.color = '#155724'; optionDiv.appendChild(checkmark); } } // Highlight user's incorrect answer if (optionIndex === userAnswers[index] && userAnswers[index] !== questionData.correct) { optionDiv.classList.add('user-incorrect'); } questionContainer.appendChild(optionDiv); });

const explanationDiv = document.createElement('div'); explanationDiv.className = 'review-explanation'; explanationDiv.innerHTML = ` व्याख्या: ${questionData.explanation}`; questionContainer.appendChild(explanationDiv); reviewContainer.appendChild(questionContainer); }); }

function showPopupMessage(message, isCorrect) { const popup = document.getElementById('popupMessage'); popup.innerText = message; popup.className = ''; popup.classList.add('show'); popup.classList.add(isCorrect ? 'correct' : 'incorrect'); setTimeout(() => { popup.classList.remove('show'); popup.classList.add('hidden'); }, 2000); }

prevButton.addEventListener('click', previousQuestion); submitAnswerButton.addEventListener('click', submitAnswer); nextButton.addEventListener('click', nextQuestion); reviewQuizBtn.addEventListener('click', startReview);

Tourist Places in Uttarakhand Quiz | Geography & Culture MCQs

Major Cities of Uttarakhand Quiz | Geography & Culture MCQs

Religious Places of Uttarakhand Quiz | Temples & Pilgrimage MCQs

Religious Places of Uttarakhand Quiz | Temples & Pilgrimage MCQs

Art & Crafts of Uttarakhand Quiz | Folk Culture MCQs

Painting of Uttarakhand Quiz | Folk Art & Garhwal School MCQs

Comments 1

Leave a Reply Cancel reply

क्या परीक्षा के नाम से हाथ-पैर ठंडे पड़ जाते हैं?

क्या आपका दिमाग भी पढ़ाई में धोखा देता है?

UPSC और PCS की तैयारी में एआई का सही उपयोग कैसे करें?

हिंदी व्याकरण में वाक्य रचना और उपवाक्य

जनजातीय गौरव दिवस: 15 नवंबर | भगवान बिरसा मुंडा की गाथा

हिंदी व्याकरण: उपसर्ग और प्रत्यय के भेद