Tribes of Uttarakhand Quiz | Culture & Demography 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": "उत्तराखंड में थारू, जौनसारी, भोटिया, बुक्सा और राजी को अनुसूचित जनजाति (ST) का दर्जा किस वर्ष दिया गया?", "options": [ "1950", "1962", "1967", "1971" ], "correct": 2, "explanation": "भारत सरकार द्वारा 1967 में उत्तराखंड की पाँच जनजातियों - थारू, जौनसारी, भोटिया, बुक्सा और राजी - को अनुसूचित जनजाति (ST) का दर्जा दिया गया।" }, { "question": "जनगणना 2011 के अनुसार, उत्तराखंड के किस जिले में सर्वाधिक जनजातीय जनसंख्या निवास करती है?", "options": [ "देहरादून", "नैनीताल", "पिथौरागढ़", "ऊधम सिंह नगर" ], "correct": 3, "explanation": "सर्वाधिक जनजातीय जनसंख्या ऊधम सिंह नगर जिले में निवास करती है, जहाँ थारू और बुक्सा समुदाय प्रमुख हैं।" }, { "question": "उत्तराखंड के किस जिले में सबसे कम जनजातीय जनसंख्या निवास करती है?", "options": [ "रुद्रप्रयाग", "चम्पावत", "बागेश्वर", "अल्मोड़ा" ], "correct": 0, "explanation": "2011 की जनगणना के अनुसार, रुद्रप्रयाग जिले में सबसे कम जनजातीय जनसंख्या निवास करती है।" }, { "question": "उत्तराखंड विधानसभा में अनुसूचित जनजातियों के लिए कितनी सीटें आरक्षित हैं?", "options": [ "कोई नहीं", "1", "2", "3" ], "correct": 2, "explanation": "राज्य विधानसभा में जनजातियों के लिए 2 सीटें आरक्षित हैं।" }, { "question": "विधानसभा की कौन सी दो सीटें अनुसूचित जनजाति (ST) के लिए आरक्षित हैं?", "options": [ "खटीमा और बाजपुर", "चकराता और नानकमत्ता", "पुरोला और थराली", "धारचूला और कपकोट" ], "correct": 1, "explanation": "विधानसभा की दो आरक्षित सीटें चकराता (देहरादून) और नानकमत्ता (ऊधम सिंह नगर) हैं।" }, { "question": "उत्तराखंड और कुमाऊँ क्षेत्र का सबसे बड़ा जनजातीय समुदाय कौन सा है?", "options": [ "जौनसारी", "भोटिया", "थारू", "बुक्सा" ], "correct": 2, "explanation": "थारू जनजाति उत्तराखंड और कुमाऊँ क्षेत्र का सबसे बड़ा जनजातीय समुदाय है, जो मुख्य रूप से ऊधम सिंह नगर जिले में निवास करते हैं।" }, { "question": "थारू जनजाति स्वयं को किस वंश का मानती है?", "options": [ "नाग वंशीय", "सूर्य वंशीय", "चंद्र वंशीय", "किरात वंशीय" ], "correct": 3, "explanation": "थारू जनजाति के लोग स्वयं को किरात वंश का मानते हैं। कुछ विद्वान इन्हें राजस्थान के थार मरुस्थल से आया हुआ भी मानते हैं।" }, { "question": "थारू जनजाति में परिवार के मुखिया को क्या कहा जाता है?", "options": [ "सयाणा", "तखत", "गंदूर", "मुखिया" ], "correct": 2, "explanation": "थारू जनजाति में संयुक्त परिवार प्रथा प्रचलित है और परिवार के मुखिया को 'गंदूर' कहा जाता है।" }, { "question": "थारू जनजाति में विधवा विवाह के अवसर पर दिए जाने वाले भोज को क्या कहते हैं?", "options": [ "अपना-पराया", "पक्की पौड़ी", "बजहर", "लठभरवा भोज" ], "correct": 3, "explanation": "थारू जनजाति में विधवा विवाह भी प्रचलित है, जिसमें 'लठभरवा भोज' दिया जाता है।" }, { "question": "कौन सी जनजाति दीपावली को शोक पर्व के रूप में मनाती थी?", "options": [ "जौनसारी", "भोटिया", "थारू", "राजी" ], "correct": 2, "explanation": "थारू जनजाति में पारंपरिक रूप से दीपावली को शोक पर्व के रूप में मनाने की प्रथा थी, हालांकि अब यह प्रथा कम हो रही है।" }, { "question": "थारू जनजाति का प्रमुख त्योहार 'बजहर' किस माह में मनाया जाता है?", "options": [ "माघ", "चैत्र", "ज्येष्ठ या बैशाख", "भाद्रपद" ], "correct": 2, "explanation": "बजहर थारू जनजाति का एक प्रमुख त्योहार है, जो ज्येष्ठ या बैशाख माह में मनाया जाता है।" }, { "question": "गढ़वाल मंडल का सबसे बड़ा जनजातीय समुदाय कौन सा है?", "options": [ "थारू", "भोटिया", "जौनसारी", "राजी" ], "correct": 2, "explanation": "जौनसारी जनजाति उत्तराखंड का दूसरा सबसे बड़ा और गढ़वाल मंडल का सबसे बड़ा जनजातीय समुदाय है।" }, { "question": "कौन सी जनजाति स्वयं को पांडवों का वंशज मानती है?", "options": [ "थारू", "जौनसारी", "बुक्सा", "भोटिया" ], "correct": 1, "explanation": "जौनसारी जनजाति के लोग स्वयं को महाभारत के पांडवों का वंशज मानते हैं।" }, { "question": "जौनसारी समाज के तीन वर्ग कौन से हैं?", "options": [ "ब्राह्मण, क्षत्रिय, वैश्य", "उच्च, मध्यम, निम्न", "खसास, कारीगर, हरिजन", "अमीर, गरीब, सामान्य" ], "correct": 2, "explanation": "जौनसारी समाज पारंपरिक रूप से तीन वर्गों में विभाजित है: खसास (उच्च वर्ग), कारीगर (मध्यम वर्ग), और हरिजन (निम्न वर्ग)।" }, { "question": "किस जनजाति में पारंपरिक रूप से बहुपति विवाह प्रथा प्रचलित थी?", "options": [ "थारू", "भोटिया", "बुक्सा", "जौनसारी" ], "correct": 3, "explanation": "जौनसारी जनजाति में पारंपरिक रूप से बहुपति विवाह प्रथा प्रचलित थी, जो अब लगभग समाप्त हो गई है।" }, { "question": "जौनसारी जनजाति में ग्राम पंचायत को क्या कहा जाता है?", "options": [ "तखत", "चौपाल", "खुमरी", "गोट" ], "correct": 2, "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": "उत्तरकाशी में पाई जाने वाली भोटिया जनजाति की उपजाति कौन सी है, जो स्वयं को जनक का वंशज मानती है?", "options": [ "शौका", "मारछा", "जाड़", "जोहारी" ], "correct": 2, "explanation": "जाड़ भोटिया जनजाति की एक उपजाति है जो उत्तरकाशी में निवास करती है। ये स्वयं को राजा जनक का वंशज मानते हैं और बौद्ध धर्म से भी प्रभावित हैं।" }, { "question": "भोटिया जनजाति का पारंपरिक व्यवसाय क्या था, जो 1962 के भारत-चीन युद्ध के बाद बंद हो गया?", "options": [ "कृषि", "पशुपालन", "भारत-तिब्बत व्यापार", "हस्तशिल्प" ], "correct": 2, "explanation": "भोटिया जनजाति पारंपरिक रूप से भारत और तिब्बत के बीच व्यापार करती थी, जो 1962 के भारत-चीन युद्ध के बाद बंद हो गया।" }, { "question": "'कंडाली' या 'किर्जी' उत्सव प्रत्येक 12 वर्ष में किस जनजाति द्वारा मनाया जाता है?", "options": [ "जौनसारी", "भोटिया", "थारू", "राजी" ], "correct": 1, "explanation": "कंडाली या किर्जी उत्सव पिथौरागढ़ की चौंदास घाटी में भोटिया जनजाति द्वारा प्रत्येक 12 वर्ष में मनाया जाने वाला एक अनूठा उत्सव है।" }, { "question": "कौन सी जनजाति स्वयं को पंवार राजपूतों का वंशज मानती है?", "options": [ "थारू", "जौनसारी", "बुक्सा", "भोटिया" ], "correct": 2, "explanation": "बुक्सा (या भोक्सा) जनजाति के लोग स्वयं को पंवार राजपूतों का वंशज मानते हैं और धारानगरी (राजस्थान) से आया हुआ बताते हैं।" }, { "question": "बुक्सा जनजाति की ग्राम पंचायत के मुखिया को क्या कहा जाता है?", "options": [ "सयाणा", "मुखिया", "प्रधान", "तखत" ], "correct": 3, "explanation": "बुक्सा जनजाति की ग्राम पंचायत का मुखिया 'तखत' कहलाता है।" }, { "question": "बुक्सा जनजाति की प्रमुख देवी कौन हैं, जिनका काशीपुर में सबसे बड़ा मंदिर है?", "options": [ "नंदा देवी", "चामुंडा देवी", "ज्वालपा देवी", "हुल्का देवी" ], "correct": 1, "explanation": "चामुंडा देवी बुक्सा जनजाति की प्रमुख देवी हैं और उनका सबसे बड़ा मंदिर काशीपुर में स्थित है।" }, { "question": "उत्तराखंड का सबसे छोटा और सबसे पिछड़ा जनजातीय समुदाय कौन सा है?", "options": [ "बुक्सा", "भोटिया", "राजी", "जौनसारी" ], "correct": 2, "explanation": "राजी जनजाति, जिसे वनरावत या बनरौत भी कहते हैं, राज्य की सबसे छोटी और सबसे पिछड़ी जनजातीय समुदाय है।" }, { "question": "किस जनजाति में 'मूक या अदृश्य विनिमय' (Silent Trade) की प्रथा थी?", "options": [ "थारू", "भोटिया", "जौनसारी", "राजी" ], "correct": 3, "explanation": "राजी जनजाति के लोग पारंपरिक रूप से 'मूक या अदृश्य विनिमय' के लिए जाने जाते थे, जिसमें वे रात के अंधेरे में किसी घर के बाहर लकड़ी का सामान रखकर बदले में अनाज ले जाते थे।" }, { "question": "राजी जनजाति के आवासों को क्या कहा जाता है?", "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);

Tribes of Uttarakhand Quiz | Culture & Demography MCQs

Urbanization in Uttarakhand Quiz | Census 2011 MCQs

SC/ST Population in Uttarakhand (Census 2011) Quiz

SC/ST Population in Uttarakhand (Census 2011) Quiz

Road Transport in Uttarakhand Quiz | Highways & Projects MCQs

Rail Transport in Uttarakhand Quiz | Projects & History MCQs

Leave a Reply Cancel reply

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

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

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

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

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

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