Tourist & Religious Places of Uttarakhand Quiz (District-wise)

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": "उत्तराखंड के किस जिले को 'झीलों का जिला' (Lake District) भी कहा जाता है?", "options": [ "चमोली", "उत्तरकाशी", "नैनीताल", "टिहरी" ], "correct": 2, "explanation": "नैनीताल जिले में नैनी झील, भीमताल, सातताल, नौकुचियाताल जैसी अनेक प्रसिद्ध झीलें स्थित हैं, जिस कारण इसे 'झीलों का जिला' भी कहा जाता है।" }, { "question": "उत्तरकाशी स्थित विश्वनाथ मंदिर का जीर्णोद्धार 1857 में किसने कराया था?", "options": [ "अजयपाल", "प्रताप शाह", "महारानी गुलेरिया", "महारानी खनेती (सुदर्शन शाह की पत्नी)" ], "correct": 3, "explanation": "माना जाता है कि उत्तरकाशी स्थित विश्वनाथ मंदिर का पुनर्निर्माण 1857 में टिहरी नरेश सुदर्शन शाह की पत्नी, महारानी खनेती द्वारा कराया गया था।" }, { "question": "उत्तरकाशी की प्रसिद्ध डोडीताल झील की क्या विशेषता है?", "options": [ "यह गर्म पानी की झील है", "यह सात कोनों वाली है", "यह छह कोनों वाली है और ट्राउट मछली के लिए प्रसिद्ध है", "यह राज्य की सबसे गहरी झील है" ], "correct": 2, "explanation": "डोडीताल एक सुंदर षट्कोणीय (छह कोनों वाली) झील है, जो अपनी सुंदरता और ट्राउट मछलियों के लिए प्रसिद्ध है।" }, { "question": "सर्दियों में स्कीइंग के लिए प्रसिद्ध 'दयारा बुग्याल' किस जिले में है?", "options": [ "चमोली", "रुद्रप्रयाग", "पिथौरागढ़", "उत्तरकाशी" ], "correct": 3, "explanation": "दयारा बुग्याल उत्तरकाशी जिले में स्थित एक विशाल अल्पाइन चारागाह है, जो ट्रेकिंग और शीतकालीन खेलों (स्कीइंग) के लिए प्रसिद्ध है।" }, { "question": "आदि बद्री मंदिर समूह, जो पंच बद्री का हिस्सा है, में कुल कितने मंदिर हैं?", "options": [ "5", "8", "12", "16" ], "correct": 3, "explanation": "चमोली जिले में स्थित आदि बद्री 16 मंदिरों का एक समूह है और इसे पंच बद्री में सबसे प्राचीन माना जाता है।" }, { "question": "पंच केदारों में से कौन सा एकमात्र केदार है जिसके कपाट वर्ष भर खुले रहते हैं?", "options": [ "केदारनाथ", "तुंगनाथ", "रुद्रनाथ", "कल्पेश्वर" ], "correct": 3, "explanation": "कल्पेश्वर एकमात्र पंच केदार है जिसके कपाट वर्ष भर श्रद्धालुओं के लिए खुले रहते हैं। यहाँ भगवान शिव की जटाओं की पूजा होती है।" }, { "question": "प्रसिद्ध सिख तीर्थ स्थल हेमकुंड साहिब के पास किस हिंदू देवता का मंदिर है?", "options": [ "राम", "हनुमान", "लक्ष्मण", "गणेश" ], "correct": 2, "explanation": "हेमकुंड साहिब झील के किनारे प्रसिद्ध गुरुद्वारे के साथ ही भगवान लक्ष्मण को समर्पित एक प्राचीन लोकपाल मंदिर भी स्थित है।" }, { "question": "भगवान बद्रीनाथ का शीतकालीन पूजा स्थल कौन सा है?", "options": [ "ओंकारेश्वर मंदिर, ऊखीमठ", "नृसिंह मंदिर, जोशीमठ", "विश्वनाथ मंदिर, गुप्तकाशी", "योगध्यान बद्री, पांडुकेश्वर" ], "correct": 1, "explanation": "शीतकाल में बद्रीनाथ धाम के कपाट बंद होने पर, भगवान बद्रीनाथ की पूजा जोशीमठ स्थित नृसिंह मंदिर में होती है।" }, { "question": "फूलों की घाटी (Valley of Flowers) राष्ट्रीय उद्यान किस जिले में है?", "options": [ "उत्तरकाशी", "चमोली", "पिथौरागढ़", "रुद्रप्रयाग" ], "correct": 1, "explanation": "अल्पाइन फूलों की विभिन्न प्रजातियों के लिए प्रसिद्ध और यूनेस्को विश्व धरोहर स्थल, फूलों की घाटी, चमोली जिले में स्थित है।" }, { "question": "किस मंदिर के बारे में मान्यता है कि यहाँ भगवान शिव और पार्वती का विवाह हुआ था?", "options": [ "केदारनाथ", "विश्वनाथ मंदिर", "त्रियुगीनारायण मंदिर", "ओंकारेश्वर मंदिर" ], "correct": 2, "explanation": "रुद्रप्रयाग जिले में स्थित त्रियुगीनारायण मंदिर के बारे में मान्यता है कि यहाँ भगवान शिव और देवी पार्वती का विवाह हुआ था। यहाँ एक अखंड धुनी (अग्नि) आज भी प्रज्वलित है।" }, { "question": "रुद्रप्रयाग जिले के किस हिल स्टेशन को 'मिनी स्विट्जरलैंड' कहा जाता है?", "options": [ "ऊखीमठ", "गुप्तकाशी", "अगस्त्यमुनि", "चोपता" ], "correct": 3, "explanation": "चोपता अपनी प्राकृतिक सुंदरता और घास के मैदानों के कारण 'मिनी स्विट्जरलैंड' के रूप में प्रसिद्ध है। यह तुंगनाथ मंदिर के लिए बेस कैंप भी है।" }, { "question": "सुरकंडा देवी, चंद्रबदनी और कुंजापुरी, ये तीनों प्रसिद्ध मंदिर किस प्रकार के स्थल हैं?", "options": [ "सिद्धपीठ", "शक्तिपीठ", "शिव मंदिर", "विष्णु मंदिर" ], "correct": 1, "explanation": "टिहरी गढ़वाल जिले में स्थित सुरकंडा देवी, चंद्रबदनी और कुंजापुरी तीनों प्रसिद्ध शक्तिपीठ हैं।" }, { "question": "देवप्रयाग स्थित रघुनाथ मंदिर किस वास्तुकला शैली में निर्मित है?", "options": [ "नागर शैली", "द्रविड़ शैली", "कत्यूरी शैली", "मुगल शैली" ], "correct": 1, "explanation": "देवप्रयाग में अलकनंदा और भागीरथी के संगम पर स्थित रघुनाथ मंदिर द्रविड़ शैली में निर्मित है, जो उत्तर भारत में दुर्लभ है।" }, { "question": "भारत की सबसे बड़ी कृत्रिम झील, टिहरी झील, का दूसरा नाम क्या है?", "options": [ "गोविंद सागर", "पंत सागर", "सुमन सागर", "राम सागर" ], "correct": 2, "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": "उत्तराखंड का सबसे बड़ा मंदिर समूह कौन सा है?", "options": [ "द्वाराहाट मंदिर समूह", "बैजनाथ मंदिर समूह", "कटारमल सूर्य मंदिर", "जागेश्वर धाम" ], "correct": 3, "explanation": "अल्मोड़ा जिले में स्थित जागेश्वर धाम 124 छोटे-बड़े मंदिरों का समूह है, जो इसे राज्य का सबसे बड़ा मंदिर समूह बनाता है।" }, { "question": "न्याय के देवता के रूप में प्रसिद्ध 'चितई गोलू देवता मंदिर' कहाँ स्थित है?", "options": [ "अल्मोड़ा", "नैनीताल", "बागेश्वर", "चम्पावत" ], "correct": 0, "explanation": "चितई गोलू देवता मंदिर अल्मोड़ा के पास स्थित है। यह न्याय के देवता के रूप में प्रसिद्ध है, जहाँ लोग पत्र लिखकर मन्नत मांगते हैं।" }, { "question": "किस स्थान को महात्मा गांधी ने 'भारत का स्विट्जरलैंड' कहा था?", "options": [ "रानीखेत", "औली", "कौसानी", "मसूरी" ], "correct": 2, "explanation": "अल्मोड़ा (अब बागेश्वर) जिले में स्थित कौसानी की सुंदरता से प्रभावित होकर महात्मा गांधी ने इसे 'भारत का स्विट्जरलैंड' कहा था।" }, { "question": "पिथौरागढ़ जिले में स्थित पाताल भुवनेश्वर क्या है?", "options": [ "एक सूर्य मंदिर", "एक गुफा मंदिर", "एक झील", "एक ग्लेशियर" ], "correct": 1, "explanation": "पाताल भुवनेश्वर पिथौरागढ़ जिले में एक चूना पत्थर की प्राकृतिक गुफा है, जिसके अंदर कई देवी-देवताओं की आकृतियाँ बनी हुई हैं।" }, { "question": "प्रसिद्ध पंचाचूली पर्वत श्रृंखला का भव्य दृश्य कहाँ से दिखाई देता है?", "options": [ "धारचूला", "चौकोड़ी", "मुनस्यारी", "गंगोलीहाट" ], "correct": 2, "explanation": "पिथौरागढ़ जिले का हिल स्टेशन मुनस्यारी, पंचाचूली पर्वत श्रृंखला के भव्य और निकटतम दृश्यों के लिए प्रसिद्ध है।" }, { "question": "बागेश्वर शहर किन दो नदियों के संगम पर स्थित है?", "options": [ "सरयू और रामगंगा", "गोमती और गरुड़गंगा", "सरयू और गोमती", "काली और गोरी" ], "correct": 2, "explanation": "बागेश्वर शहर सरयू और गोमती नदियों के पवित्र संगम पर स्थित है, जहाँ प्रसिद्ध बागनाथ मंदिर है।" }, { "question": "सिखों का पवित्र तीर्थ स्थल 'मीठा-रीठा साहिब' किस जिले में है?", "options": [ "पिथौरागढ़", "नैनीताल", "ऊधम सिंह नगर", "चम्पावत" ], "correct": 3, "explanation": "मीठा-रीठा साहिब, जो गुरु नानक देव जी से संबंधित है, चम्पावत जिले में स्थित है। माना जाता है कि यहाँ कड़वे रीठा के फल मीठे हो गए थे।" }, { "question": "देवीधुरा में रक्षाबंधन के अवसर पर कौन सा प्रसिद्ध पाषाण युद्ध (अब फूलों और फलों से) मेला लगता है?", "options": [ "जौलजीबी मेला", "बगवाल मेला", "उत्तरायणी मेला", "गौचर मेला" ], "correct": 1, "explanation": "चम्पावत के देवीधुरा में स्थित बाराही देवी मंदिर में रक्षाबंधन के अवसर पर प्रसिद्ध बगवाल मेला लगता है, जिसमें पारंपरिक रूप से पाषाण युद्ध होता था।" }, { "question": "स्वामी विवेकानंद से संबंधित 'अद्वैत आश्रम' कहाँ स्थित है?", "options": [ "कौसानी", "मायावती (चम्पावत)", "काकड़ीघाट", "रानीखेत" ], "correct": 1, "explanation": "स्वामी विवेकानंद की प्रेरणा से स्थापित अद्वैत आश्रम, जिसे मायावती आश्रम भी कहा जाता है, चम्पावत जिले में लोहाघाट के पास स्थित है।" }, { "question": "ऊधम सिंह नगर जिले में स्थित नानकमत्ता साहिब गुरुद्वारा किस सिख गुरु से संबंधित है?", "options": [ "गुरु गोविंद सिंह जी", "गुरु तेग बहादुर जी", "गुरु नानक देव जी", "गुरु अर्जुन देव जी" ], "correct": 2, "explanation": "नानकमत्ता साहिब सिखों का एक प्रमुख तीर्थ स्थल है, जो उनके प्रथम गुरु, गुरु नानक देव जी के आगमन से पवित्र हुआ।" }, { "question": "प्राचीन शहर 'गोविषाण' के अवशेष कहाँ पाए जाते हैं?", "options": [ "रुद्रपुर", "काशीपुर", "बाजपुर", "खटीमा" ], "correct": 1, "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 & Religious Places of Uttarakhand Quiz (District-wise)

Nanda Raj Jat Yatra Quiz | Culture & Pilgrimage

Spiritual Yatras of Uttarakhand Quiz | Culture MCQs

Spiritual Yatras of Uttarakhand Quiz | Culture MCQs

Adventure Tourism in Uttarakhand Quiz | Sports & Activities

Pollution in Uttarakhand Quiz | Environment MCQs

Leave a Reply Cancel reply

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

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

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

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

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

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