<!-- wp:html --> <!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>MCQ Quiz</title> <style> /* 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: auto; margin: 20px auto; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); position: relative; } .header { background-color: #7cb342; color: #ffffff; text-align: center; padding: 20px; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); position: relative; } .header h1 { margin: 0; font-size: 28px; } /* Hamburger Menu Icon */ .hamburger { position: absolute; top: 8px; left: 8px; z-index: 1000; width: 20px; height: 15px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .hamburger-line { height: 3px; background-color: #fff; border-radius: 2px; } /* Sidebar (Question Nav) */ #questionNavOverlay { position: fixed; top: 0; left: -250px; /* hidden by default */ 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; /* slide in */ } #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; /* Prevent text selection */ 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: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: auto; 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: 10px; left: 10px; } /* Timer display */ .timer { font-weight: bold; padding: 5px 10px; border-radius: 5px; background-color: #ffcccb; position: absolute; top: 10px; right: 10px; } .question { font-size: 1.2rem; margin-top: 40px; 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; } .choice:hover { background-color: #e0e0e0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .choice.selected { background-color: #28a745; /* More vivid green */ color: #fff; } .choice.correct { background-color: #28a745; /* More vivid green */ border-color: #28a745; color: #fff; } .choice.incorrect { background-color: #dc3545; /* More vivid red */ 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: 8px 12px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 0.9rem; text-align: center; min-width: 100px; max-width: 150px; transition: none; } .btn.disabled { background-color: #cccccc; cursor: not-allowed; } .hidden { display: none; } /* Result Section */ #resultContent { text-align: center; margin-top: 20px; } .congrats { font-size: 1.5rem; color: #4CAF50; } .sad { font-size: 1.5rem; color: #d32f2f; } /* Popup Message (Optional) */ #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; } #popupMessage.show { display: block; } #popupMessage.correct { background-color: #28a745; } #popupMessage.incorrect { background-color: #dc3545; } </style> </head> <body> <div class="content-container"> <div class="header"> <!-- Hamburger menu button --> <div class="hamburger" id="hamburgerBtn"> <div class="hamburger-line"></div> <div class="hamburger-line"></div> <div class="hamburger-line"></div> </div> <h1>MCQs Quiz</h1> </div> <!-- Sidebar (Question Nav) --> <div id="questionNavOverlay"> <div id="questionNavTitle">Questions</div> <div class="question-nav" id="questionNav"></div> </div> <!-- Quiz Container --> <div class="quiz-container" id="quizContent"> <div class="question-counter" id="questionCounter">1/3</div> <!-- Timer display here --> <div class="timer" id="timer">Time: 00:00</div> <div class="question" id="question">Loading question...</div> <div class="choices" id="choices"></div> <!-- Explanation and feedback --> <div class="explanation hidden" id="explanation"></div> <!-- Buttons for navigation and submission --> <div class="buttons"> <button class="btn" id="prevButton">Previous</button> <button class="btn" id="submitAnswerButton">Submit Answer</button> <button class="btn hidden" id="nextButton">Next</button> </div> </div> <!-- Result Section --> <div id="resultContent" class="hidden"> <h2>Quiz Completed</h2> <div id="resultMessage"></div> <p id="scoreMessage"></p> </div> </div> <!-- Optional Popup Message --> <div id="popupMessage" class="hidden"></div> <script> /***** JavaScript Code *****/ // Quiz data (sample) const quizData = [ { "question": "जनसंख्या (Population) का सामान्य अर्थ क्या है?", "options": [ "देश के सभी वयस्कों की गिनती", "किसी भौगोलिक क्षेत्र में रहने वाले सभी लोगों की कुल संख्या", "केवल शहरी निवासी", "केवल गांवों में रहने वाले लोग" ], "correct": 1, "explanation": "जनसंख्या एक विशिष्ट भू-भाग में रहने वाले सभी लोगों का योग है, जिसमें शहरी और ग्रामीण दोनों आबादी शामिल होती है।" }, { "question": "जनसंख्या वृद्धि (Population Growth) का अर्थ क्या है?", "options": [ "जनसंख्या का कम होना", "जन्म, मृत्यु और प्रवासन के प्रभाव से समय के साथ जनसंख्या में वृद्धि", "केवल मौतों का हिसाब", "जनगणना की पद्धति" ], "correct": 1, "explanation": "जनसंख्या वृद्धि जन्मदर, मृत्युदर और प्रवासन (इन-आउट) जैसे कारकों के कारण जनसंख्या में समयानुसार होने वाले परिवर्तन को दर्शाती है।" }, { "question": "भारत की जनसंख्या से संबंधित संवैधानिक/कानूनी प्रावधान में से कौन-सा तथ्य सही है?", "options": [ "भारत में हर 5 वर्ष पर अनिवार्य रूप से जनगणना होती है", "भारत में 10 वर्ष के अंतराल पर जनगणना कराना जनगणना अधिनियम, 1948 के तहत अनिवार्य है", "जनगणना की कोई कानूनी अनिवार्यता नहीं है", "संविधान में जनगणना का उल्लेख नहीं" ], "correct": 1, "explanation": "भारत में औपचारिक रूप से जनगणना अधिनियम, 1948 के प्रावधानों के तहत प्रत्येक 10 वर्ष में जनगणना की जाती है।" }, { "question": "जनसंख्या के संदर्भ में ‘जनसंख्या घनत्व (Population Density)’ किसे दर्शाता है?", "options": [ "किसी क्षेत्र में प्रति वर्ग किमी निवासी लोगों की संख्या", "केवल 1000 पुरुषों पर महिलाओं की संख्या", "केवल उत्प्रवास दर", "शहरों की संख्या" ], "correct": 0, "explanation": "जनसंख्या घनत्व किसी भौगोलिक क्षेत्र (प्रायः वर्ग किमी) में रहने वाले लोगों की औसत संख्या बताता है, जो क्षेत्र की जनसंख्या का एक संकेतक है।" }, { "question": "भारत की जनसंख्या का दुनिया में स्थान (लगभग) क्या है?", "options": [ "चौथा", "दूसरा", "पांचवां", "पहला" ], "correct": 1, "explanation": "वर्षों से चीन के बाद भारत की जनसंख्या दुनिया में दूसरे स्थान पर रही है। कुछ अनुमानों में निकट भविष्य में भारत पहली रैंक पर आ सकता है, किन्तु Census 2011 के संदर्भ में यह दूसरा स्थान ही है।" }, { "question": "जनसंख्या वृद्धि के सकारात्मक प्रभावों में से एक उदाहरण क्या हो सकता है?", "options": [ "प्राकृतिक संसाधनों पर कम दबाव", "बड़ी कार्यशील आबादी (Demographic Dividend), जिससे आर्थिक विकास को गति मिल सकती है", "बेरोजगारी में कमी स्वतः हो जाती है", "सभी के लिए अत्यधिक भूमि उपलब्ध" ], "correct": 1, "explanation": "उचित नीति व कौशल विकास होने पर बड़ी युवा आबादी आर्थिक प्रगति में योगदान दे सकती है, जिसे जनसांख्यिकीय लाभांश कहते हैं।" }, { "question": "जनसंख्या वृद्धि के नकारात्मक प्रभावों में से कौन-सा नहीं है?", "options": [ "आवासन, स्वास्थ्य, शिक्षा पर दबाव", "बढ़ती बेरोजगारी", "संसाधनों की कमी व पर्यावरणीय क्षरण", "कृषि उत्पादन में स्वचालित तेज़ी आना" ], "correct": 3, "explanation": "जनसंख्या वृद्धि प्रायः संसाधनों पर दबाव बनाती है, इससे कृषि उत्पादन अपने आप तेज़ी से नहीं बढ़ता; बल्कि ज्यादा आबादी होने से संसाधन कम पड़ सकते हैं।" }, { "question": "भारत में जनगणना किस स्तर पर सबसे पहले कब शुरू हुई थी?", "options": [ "1872 में आंशिक रूप से", "1947 में स्वतंत्रता के बाद पहली बार", "1951 में आधिकारिक रूप से पहली जनगणना", "इतिहास में कभी नहीं हुई" ], "correct": 0, "explanation": "भारत में पहली बार 1872 में लार्ड मेयो के समय आंशिक जनगणना कराई गई थी (यह पूर्णतः संगठित नहीं थी)। व्यवस्थित रूप से पहली पूर्ण जनगणना 1881 में हुई।" }, { "question": "भारत में पहली नियमित और संगठित जनगणना कौन-से वर्ष हुई?", "options": [ "1861", "1881", "1891", "1921" ], "correct": 1, "explanation": "1881 में भारत में पहली बार व्यवस्थित और एकसमान तरीके से संपूर्ण जनगणना संपन्न हुई, जिसे बाद में हर 10 वर्ष पर繰्याणिक रूप से दोहराया गया।" }, { "question": "जनगणना 2011 के अनुसार, भारत की कुल जनसंख्या लगभग कितनी दर्ज की गई?", "options": [ "102 करोड़", "121 करोड़", "135 करोड़", "111 करोड़" ], "correct": 1, "explanation": "जनगणना 2011 के अनुसार भारत की कुल जनसंख्या 121.08 करोड़ (1.21 बिलियन) लगभग पाई गई।" }, { "question": "जनगणना 2011 के अनुसार भारत की साक्षरता दर (Literacy Rate) कितनी थी?", "options": [ "65.32%", "70.26%", "74.04%", "80.12%" ], "correct": 2, "explanation": "Census 2011 में भारत की साक्षरता दर 74.04% पाई गई (पुरुष साक्षरता 82.14% और महिला साक्षरता 65.46%)।" }, { "question": "जनगणना 2011 के अनुसार, भारत में लिंगानुपात (Sex Ratio) कितना दर्ज किया गया?", "options": [ "940 महिलाएं प्रति 1000 पुरुष", "850 महिलाएं प्रति 1000 पुरुष", "990 महिलाएं प्रति 1000 पुरुष", "1000 महिलाएं प्रति 1000 पुरुष" ], "correct": 0, "explanation": "Census 2011 के अनुसार लिंगानुपात 940 (प्रति 1000 पुरुष पर महिलाओं की संख्या) दर्ज हुआ।" }, { "question": "जनगणना 2011 के अनुसार, कौन-सा राज्य सबसे अधिक आबादी वाला है?", "options": [ "महाराष्ट्र", "उत्तर प्रदेश", "बिहार", "पश्चिम बंगाल" ], "correct": 1, "explanation": "उत्तर प्रदेश की आबादी लगभग 19.98 करोड़ (Census 2011) रही, जो भारत के किसी भी अन्य राज्य से अधिक है।" }, { "question": "जनगणना 2011 के अनुसार, किस राज्य में सबसे कम जनसंख्या दर्ज की गई?", "options": [ "गोवा", "सिक्किम", "मिज़ोरम", "त्रिपुरा" ], "correct": 1, "explanation": "सिक्किम की जनसंख्या (2011) लगभग 6.07 लाख पाई गई, जो राज्यों में सबसे कम थी (केंद्रशासित क्षेत्रों को छोड़कर)।" }, { "question": "जनगणना 2011 के अनुसार, शहरीकरण (Urbanization) की दर कितनी थी? (अर्थात कुल आबादी का शहरी प्रतिशत)", "options": [ "31.16% (लगभग)", "25%", "35.2%", "50%" ], "correct": 0, "explanation": "Census 2011 के अनुसार, लगभग 31.16% भारतीय शहरी क्षेत्र में निवास करते थे।" }, { "question": "जनगणना 2011 में देश का कुल लिंगानुपात 940 था, तो बाल लिंगानुपात (0-6 आयु वर्ग) कितना पाया गया?", "options": [ "919", "940", "950", "867" ], "correct": 0, "explanation": "0-6 वर्ष आयु वर्ग का लिंगानुपात 919 (प्रति 1000 लड़कों पर लड़कियों की संख्या) दर्ज किया गया, जो वयस्क लिंगानुपात से भी कम है।" }, { "question": "जनगणना 2011 के अनुसार, भारत की जनसंख्या वृद्धि दर (2001-2011) कितनी थी?", "options": [ "17.7%", "21.5%", "10.2%", "25.1%" ], "correct": 0, "explanation": "जनगणना 2011 में 2001-2011 के बीच जनसंख्या वृद्धि दर लगभग 17.7% रही, जो पिछले दशक (1991-2001) के 21.5% से कम थी।" }, { "question": "जनगणना 2011 के अनुसार, किस केंद्रशासित प्रदेश (UT) में सर्वाधिक जनसंख्या दर्ज की गई?", "options": [ "दादरा और नगर हवेली", "चंडीगढ़", "दिल्ली (NCT)", "पुडुचेरी" ], "correct": 2, "explanation": "दिल्ली (NCT) में लगभग 1.67 करोड़ की आबादी दर्ज की गई, जो किसी भी केंद्रशासित प्रदेश में सर्वाधिक है।" }, { "question": "जनगणना 2011 में सिक्किम की कुल आबादी लगभग कितनी थी?", "options": [ "8 लाख", "6.07 लाख", "10 लाख", "15 लाख" ], "correct": 1, "explanation": "सिक्किम की आबादी 6,07,688 (लगभग 6.07 लाख) थी, जो इसे राज्यों में सबसे कम आबादी वाला राज्य बनाती है।" }, { "question": "जनसंख्या के प्रभावों में ‘जनसांख्यिकीय लाभांश (Demographic Dividend)’ शब्द किस ओर इंगित करता है?", "options": [ "पुरानी आबादी की संख्या", "उच्च आयु वर्ग में वृद्धि", "कार्यशील आयु वर्ग (15-64) की आबादी का ज्यादा होना, जिससे अर्थव्यवस्था को विकास का अवसर", "केवल बच्चों की संख्या" ], "correct": 2, "explanation": "जब देश में 15-64 वर्ष आयु वर्ग का अनुपात ज्यादा हो, तो यदि उन्हें कौशल व रोजगार मिलता है, अर्थव्यवस्था तीव्र विकास कर सकती है—इसे जनसांख्यिकीय लाभांश कहते हैं।" }, { "question": "भारतीय जनगणना, 1881 से शुरू होकर अब तक कितनी बार पूरी तरह हो चुकी है? (2011 तक की गिनती)", "options": [ "8 बार", "10 बार", "15 बार", "13 बार" ], "correct": 2, "explanation": "1881 से 2011 तक हर 10 साल में जनगणना हुई है, तो 2011 की जनगणना 15वीं पूर्ण जनगणना थी। (बिना आंशिक जनगणनाओं को गिने)" }, { "question": "भारत में जनगणना का संचालन कौन सी संस्था करती है?", "options": [ "राष्ट्रीय सांख्यिकी कार्यालय (NSO)", "महालेखा परीक्षक (CAG)", "भारत के रजिस्ट्रार जनरल एवं जनगणना आयुक्त (Registrar General and Census Commissioner of India)", "NITI Aayog" ], "correct": 2, "explanation": "भारत की जनगणना भारत के रजिस्ट्रार जनरल एवं जनगणना आयुक्त के कार्यालय द्वारा की जाती है, जो गृह मंत्रालय के अधीन कार्य करता है।" }, { "question": "जनगणना की ‘सेंसर’ पद्धति (संपूर्ण गणना) का मतलब क्या है?", "options": [ "उदाहरणों से अनुमान लगाना", "हर व्यक्ति की गिनती व्यक्तिगत रूप से की जाए", "केवल शहरों का डेटा", "केवल पुरुषों को गिनना" ], "correct": 1, "explanation": "संपूर्ण गणना (De Facto या De Jure) में प्रत्येक व्यक्ति की जानकारी प्राप्त की जाती है, जो जनगणना का आधार है।" }, { "question": "जनगणना 2011 के अनुसार, देश का सबसे अधिक साक्षर राज्य कौन-सा था?", "options": [ "मिज़ोरम", "केरल", "गोवा", "हिमाचल प्रदेश" ], "correct": 1, "explanation": "केरल की साक्षरता दर 93.91% (2011) सबसे अधिक थी, जबकि लक्षणद्वीप भी उच्च साक्षरता वाला था पर केरल शीर्ष पर रहा।" }, { "question": "जनगणना 2011 के अनुसार, कौन-सा राज्य सबसे कम साक्षरता दर वाला था?", "options": [ "बिहार", "झारखंड", "उत्तर प्रदेश", "राजस्थान" ], "correct": 0, "explanation": "जनगणना 2011 में बिहार की साक्षरता दर सबसे कम (63.82%) दर्ज की गई, हालांकि इसमें भी पूर्व की अपेक्षा वृद्धि हुई थी।" }, { "question": "जनगणना 2011 में कितने ग्राम (Villages) दर्ज किए गए?", "options": [ "500 हजार (5 लाख) के आसपास", "640 हजार (6.40 लाख) से अधिक", "750 हजार (7.50 लाख) से अधिक", "250 हजार (2.50 लाख)" ], "correct": 1, "explanation": "जनगणना 2011 के अनुसार, कुल मिलाकर भारत में लगभग 640,000+ गाँवों का रिकॉर्ड किया गया।" }, { "question": "जनगणना 2011 के अनुसार, निम्न में से कौन-सा तथ्य गलत है?", "options": [ "जनगणना में कुल पुरुष आबादी ~ 62.37 करोड़ थी", "जनगणना में कुल महिला आबादी ~ 58.71 करोड़ थी", "लिंगानुपात 940 था", "जनसंख्या वृद्धि दर 25% से अधिक थी" ], "correct": 3, "explanation": "जनगणना 2011 में जनसंख्या वृद्धि दर लगभग 17.7% थी, 25% से अधिक नहीं थी।" }, { "question": "जनगणना 2011 में किस राज्य ने सबसे ऊँची जनसंख्या वृद्धि दर दर्ज की?", "options": [ "बिहार", "नगालैंड", "केरल", "महाराष्ट्र" ], "correct": 0, "explanation": "बिहार ने दशक 2001-2011 के दौरान ~25% से अधिक की जनसंख्या वृद्धि दर दर्ज की, जो सर्वाधिक थी।" }, { "question": "जनगणना 2011 में, 0-6 आयु वर्ग के बच्चों की आबादी क्या थी?", "options": [ "13.12 करोड़ (लगभग)", "10 करोड़", "8.4 करोड़", "15.2 करोड़" ], "correct": 0, "explanation": "0-6 वर्ष के आयु वर्ग की जनसंख्या ~13.12 करोड़ थी, जो कुल आबादी का महत्वपूर्ण हिस्सा है।" }, { "question": "जनगणना 2011 के अनुसार, किस राज्य का लिंगानुपात (940 देश के औसत से) सबसे बेहतर था?", "options": [ "हरियाणा", "पंजाब", "केरल", "गुजरात" ], "correct": 2, "explanation": "केरल का लिंगानुपात 1084 (यानी महिलाओं की संख्या पुरुषों से अधिक) दर्ज किया गया, जो देश में सर्वाधिक था।" }, { "question": "जनगणना 2011 में, किस केंद्रशासित प्रदेश में लिंगानुपात सबसे कम था?", "options": [ "दिल्ली (NCT)", "चंडीगढ़", "अंडमान व निकोबार द्वीपसमूह", "दमन और दीव" ], "correct": 3, "explanation": "दमन और दीव (अब दादरा एवं नगर हवेली और दमन एवं दीव के विलय के पूर्व) का लिंगानुपात 618 के करीब दर्ज किया गया, जो बेहद कम था।" }, { "question": "भारत में जनगणना की परिभाषा में ‘De Facto’ और ‘De Jure’ शब्दों का क्या अर्थ है?", "options": [ "De Facto में व्यक्ति को उस जगह गिना जाता है जहाँ वह जनगणना की रात मौजूद हो; De Jure में व्यक्ति को उसके सामान्य/कानूनी निवास स्थल पर गिना जाता है", "किसी भी कानूनी प्रावधान का नाम", "सरकारी बजट प्रक्रिया", "गुप्त आंकड़े" ], "correct": 0, "explanation": "जनगणना में प्रायः De Jure विधि अपनाई जाती है, जहाँ व्यक्ति को उसके सामान्य निवास पर गिना जाता है; किंतु कुछ देश De Facto का उपयोग भी करते हैं।" }, { "question": "भारत में 1921 की जनगणना को ‘Great Divide (महान विभाजक)’ क्यों कहा जाता है?", "options": [ "उस समय भारत और पाकिस्तान अलग हो गए", "उस जनगणना में पहली बार जनसंख्या वृद्धि दर में कमी दिखी, उसके बाद लगातार वृद्धि दिखती रही", "केवल राज्यों का विभाजन", "कुछ ख़ास कारण नहीं" ], "correct": 1, "explanation": "1921 की जनगणना में जनसंख्या बढ़ने की अपेक्षा कुछ हद तक गिरावट देखी गई, जिसे जनसंख्या इतिहास का ‘महान विभाजक’ कहा जाता है; उसके बाद की जनगणनाओं में लगातार वृद्धि ही दिखी।" }, { "question": "जनगणना 2011 में किस बड़े राज्य ने लिंगानुपात में उल्लेखनीय सुधार दिखाया?", "options": [ "हरियाणा", "केरल", "पंजाब", "बिहार" ], "correct": 2, "explanation": "पंजाब का लिंगानुपात (895) भले कम हो, लेकिन इसमें पिछले दशक की तुलना में उल्लेखनीय वृद्धि हुई (Census 2001 में 876), जो एक महत्वपूर्ण सुधार था।" }, { "question": "जनसंख्या की संरचना में ‘Dependency Ratio (निर्भरता अनुपात)’ क्या दर्शाता है?", "options": [ "कार्यशील आयु वर्ग की तुलना में आश्रित आयु वर्ग (0-14, 65+) का अनुपात", "केवल 1000 पुरुषों पर महिला डेटा", "विदेशी प्रवास अनुपात", "ग्रामों की संख्या" ], "correct": 0, "explanation": "निर्भरता अनुपात 0-14 और 65+ आयु वर्ग (जो प्रायः निर्भर होते हैं) की संख्या को 15-64 वर्ष के कार्यशील आयु वर्ग से तुलना कर बताता है।" }, { "question": "जनगणना 2011 से जुड़ा एक सही तथ्य चुनिए:", "options": [ "साक्षरता दर 80% पार कर गई", "महिलाओं की कुल संख्या पुरुषों से अधिक हो गई", "मणिपुर की जनसंख्या सबसे कम रही", "अरुणाचल प्रदेश की जनसंख्या लगभग 13.8 लाख", "गोवा की जनसंख्या > 2 करोड़" ], "correct": 3, "explanation": "अरुणाचल प्रदेश की जनसंख्या लगभग 13.83 लाख थी (Census 2011)। अन्य विकल्प सही नहीं हैं—साक्षरता 80% से कम (74.04%), महिलाओं की संख्या पुरुषों से कम, मणिपुर सबसे कम आबादी वाला राज्य नहीं है (सिक्किम है), गोवा की आबादी 2 करोड़ नहीं।" }, { "question": "जनगणना 2011 के अनुसार, देश की कुल महिला साक्षरता दर क्या थी?", "options": [ "82.14%", "65.46%", "70.3%", "60.02%" ], "correct": 1, "explanation": "महिला साक्षरता ~65.46% थी, जबकि पुरुष साक्षरता ~82.14% रही, जिससे लिंगानुसार साक्षरता में अंतर दिखता है।" }, { "question": "भारत में जनसंख्या के इतिहास में सबसे तेज वृद्धि किस दशकीय जनगणना में हुई?", "options": [ "1971 की जनगणना (1961-71 दशक)", "1981 की जनगणना (1971-81 दशक)", "1991 की जनगणना (1981-91 दशक)", "2001 की जनगणना (1991-2001 दशक)" ], "correct": 1, "explanation": "1971-81 के दशक में जनसंख्या वृद्धि दर ~24.66% तक पहुँच गई थी, जिसे आज़ादी बाद का सर्वाधिक दशकीय विकास दर माना जाता है।" }, { "question": "जनसंख्या नीति में ‘Replacement Level Fertility’ किसे दर्शाता है?", "options": [ "प्रत्येक महिला की औसतन 2.1 संतान होना, ताकि जनसंख्या स्थिर रह सके", "केवल पुरुष जनसंख्या", "जनसंख्या को दोगुना करना", "बड़े पैमाने पर प्रवास" ], "correct": 0, "explanation": "Replacement Level Fertility ~2.1 TFR (Total Fertility Rate) मानी जाती है, जहां जनसंख्या अपने आप को प्रतिस्थापित करती रहती है, न ज्यादा बढ़ती न घटती।" }, { "question": "जनगणना 2011 में, कौन-सा राज्य/केंद्रशासित क्षेत्र सर्वाधिक घनत्व वाला था?", "options": [ "बिहार", "पश्चिम बंगाल", "दिल्ली (NCT)", "केरल" ], "correct": 2, "explanation": "दिल्ली में जनसंख्या घनत्व ~11,300+ व्यक्ति/वर्ग किमी था, जो राज्य/केंद्रशासित क्षेत्र में सर्वाधिक था। राज्यों में बिहार (1102) का घनत्व सर्वोच्च था।" }, { "question": "जनगणना 2011 में, निम्न में से किस राज्य में स्त्री-पुरुष अनुपात (सेक्स रेशियो) 1000 से भी अधिक था?", "options": [ "केरल", "हरियाणा", "पंजाब", "गुजरात" ], "correct": 0, "explanation": "केरल का लिंगानुपात 1084 था, जो बताता है कि केरल में प्रति 1000 पुरुष पर 1084 महिलाएँ हैं, जो देश में सर्वोच्च था।" }, { "question": "जनसंख्या का एक महत्वपूर्ण पहलू ‘Migration (प्रवासन)’ है, यह किन प्रकारों में विभाजित हो सकता है?", "options": [ "केवल शहरी प्रवास", "केवल विदेश जाना", "अंतर-राज्यीय, अंतर-जिला, अंतरराष्ट्रीय आदि प्रवासन", "केवल ग्रामीण से शहरी" ], "correct": 2, "explanation": "प्रवासन एक जटिल प्रक्रिया है, जिसमें लोग राज्यों, जिलों या अंतरराष्ट्रीय सीमाओं को पार करते हैं, जिसके कई कारण (रोजगार, शिक्षा, शादी, आपदा इत्यादि) हो सकते हैं।" }, { "question": "जनगणना की योजना और क्रियान्वयन में ‘प्रगणक (Enumerator)’ की भूमिका क्या होती है?", "options": [ "कंप्यूटर ऑपरेटर", "वे घर-घर जाकर डेटा एकत्र करते हैं, प्रश्नावली भरते हैं, और लोगों से विस्तृत जानकारी लेते हैं", "केवल सरकारी दफ्तर में बैठना", "हवाई सर्वेक्षण" ], "correct": 1, "explanation": "प्रगणक (Enumerator) जनगणना की रीढ़ माने जा सकते हैं; वे जमीनी स्तर पर घर-घर पहुँचकर प्रत्येक व्यक्ति की जानकारी एकत्र करते हैं।" }, { "question": "भारत की प्रथम जनगणना किस वर्ष संगठित रूप से की गई (संपूर्ण, एक साथ)?", "options": [ "1872 में", "1881 में", "1857 में", "1921 में" ], "correct": 1, "explanation": "1872 में आंशिक और असंगठित प्रयास था, पर पहली पूर्ण, संगठित जनगणना 1881 में हुई और उसके बाद से हर 10 साल पर जारी है।" }, { "question": "जनगणना 2011 के अनुसार, भारत का राष्ट्रीय बाल लिंगानुपात (0-6 आयु वर्ग) 919 था. किस राज्य ने बाल लिंगानुपात में सुधार प्रदर्शित किया?", "options": [ "हरियाणा में सुधार दिखा, लेकिन अब भी काफी कम था", "केरल में गिरावट आई", "पंजाब में कोई बदलाव नहीं", "राजस्थान में कोई डेटा उपलब्ध नहीं" ], "correct": 0, "explanation": "हरियाणा में ऐतिहासिक रूप से बाल लिंगानुपात कम रहा है, लेकिन 2011 में कुछ सुधार देखने को मिला, हालांकि यह अब भी राष्ट्रीय औसत से नीचे रहा।" }, { "question": "जनगणना 2011 में, निम्न में से किस राज्य की जनसंख्या 10 करोड़ से अधिक दर्ज हुई?", "options": [ "राजस्थान", "तेलंगाना", "बिहार", "ओडिशा" ], "correct": 2, "explanation": "बिहार की जनसंख्या ~10.40 करोड़ (Census 2011) दर्ज की गई, जिससे यह उत्तर प्रदेश के बाद दूसरा सबसे बड़ा आबादी वाला राज्य बना।" }, { "question": "जनगणना की दृष्टि से, 1981 को छोड़कर (असम बहिष्कृत था) और 1991 को छोड़कर (जम्मू-कश्मीर बहिष्कृत था), शेष सभी जनगणना पूरी तरह कवर की गईं. इसका मतलब क्या है?", "options": [ "1981 में असम में अशांति के कारण डेटा संकलित नहीं हुआ, 1991 में जम्मू-कश्मीर में उथल-पुथल थी", "देश में सभी जगह जनगणना कभी नहीं हुई", "सिर्फ शहरी क्षेत्रों में समस्या", "कोई संबंध नहीं" ], "correct": 0, "explanation": "1981 जनगणना में असम, 1991 में जम्मू-कश्मीर असंबद्ध रहे, किन्तु अन्य सभी दशकीय जनगणनाएँ सम्पूर्ण भारत पर लागू हुईं।" }, { "question": "जनगणना 2011 में, कौन-सा केंद्रशासित प्रदेश सबसे कम जनसंख्या वाला था?", "options": [ "दमन और दीव", "लक्षद्वीप", "अंडमान और निकोबार द्वीपसमूह", "चंडीगढ़" ], "correct": 1, "explanation": "लक्षद्वीप की जनसंख्या लगभग 64,429 (2011) थी, जो सभी केंद्रशासित प्रदेशों में सबसे कम थी।" }, { "question": "जनसंख्या वृद्धि के कारण पर्यावरण पर संभावित प्रभाव कौन-से हैं?", "options": [ "कम प्रदूषण", "वनों का संरक्षण बढ़ना", "वनों की कटाई, संसाधनों का अधिक दोहन, प्रदूषण में वृद्धि", "जनसंख्या वृद्धि का पर्यावरण से कोई लेना-देना नहीं" ], "correct": 2, "explanation": "बहुसंख्यक आबादी से संसाधनों की मांग बढ़ती है, वनों की कटाई, जल व वायु प्रदूषण में वृद्धि जैसी चुनौतियाँ उत्पन्न होती हैं।" }, { "question": "भारत में ‘जनसंख्या विस्फोट (Population Explosion)’ शब्द किस काल के बाद से प्रायः उपयोग होने लगा?", "options": [ "1921 की जनगणना", "1951 के बाद, विशेषकर 1961-81 में बहुत तेज़ वृद्धि होने से", "1901 में", "2011 में" ], "correct": 1, "explanation": "1951 से 1981 तक की अवधि में भारत की आबादी बहुत तेज़ी से बढ़ी, जिसे प्रायः जनसंख्या विस्फोट कहा गया।" }, { "question": "जनगणना 2011 के मुताबिक, कुल ग्रामीण जनसंख्या कितनी थी (प्रतिशत में)?", "options": [ "68.84% (लगभग)", "50%", "55%", "78%" ], "correct": 0, "explanation": "जनगणना 2011 के अनुसार, ग्रामीण आबादी ~68.84% रही, और शहरी आबादी ~31.16%।" }, { "question": "भारत में जनगणना 2011 में, सर्वाधिक जनसंख्या घनत्व वाला राज्य कौन-सा था?", "options": [ "बिहार", "पश्चिम बंगाल", "केरल", "उत्तर प्रदेश" ], "correct": 0, "explanation": "बिहार का घनत्व 1102 व्यक्ति/वर्ग किमी था, जो किसी भी राज्य में सबसे अधिक है (केंद्रशासित प्रदेश नहीं गिनें तो)।" }, { "question": "जनगणना 2011 के अनुसार, निम्न में से कौन-सा सत्य नहीं है?", "options": [ "उत्तर प्रदेश की जनसंख्या ~19.98 करोड़ थी", "महाराष्ट्र की जनसंख्या ~11.24 करोड़ थी", "कर्नाटक की जनसंख्या ~10 करोड़ थी", "आंध्र प्रदेश (संयुक्त) की जनसंख्या ~8.46 करोड़ (बिना तेलंगाना विभाजन)" ], "correct": 2, "explanation": "कर्नाटक की आबादी लगभग 6.11 करोड़ थी (Census 2011), 10 करोड़ नहीं। बाकी उल्लेखित आंकड़े सन्निकट सत्य हैं।" }, { "question": "जनगणना 2011 में मैदानी जनसंख्या से अधिक जनसंख्या वृद्धि किस इलाके में पाई गई?", "options": [ "पूर्वोत्तर राज्यों में", "दक्षिणी राज्यों में", "पर्वतीय राज्यों/हिमालयी क्षेत्र में कुछ जगहों पर कम वृद्धि रही, अधिकांश में कम या औसत", "यूनियन टेरिटरी में" ], "correct": 2, "explanation": "अधिकांश हिमालयी / पर्वतीय क्षेत्रों (जम्मू-कश्मीर, हिमाचल, उत्तराखंड) में भौगोलिक व जलवायु कारणों से वृद्धि कम या औसत रही; अतिशय वृद्धि मैदानी राज्यों (बिहार, उत्तर प्रदेश) में देखी गई।" }, { "question": "जनगणना 2011 के अनुसार, किस राज्य ने लिंगानुपात में गिरावट दर्ज की?", "options": [ "केरल", "हिमाचल प्रदेश", "गुजरात", "पंजाब" ], "correct": 2, "explanation": "गुजरात का लिंगानुपात (918 से घटकर 919...या इसके आसपास बदलाव) में कुछ कम/मामूली सुधार था, जबकि कुछ जिलों में गिरावट. नोट: किसी राज्य में सभी जिलों के औसत पर आंशिक सुधार/गिरावट संभव है। (सामान्यतः रिपोर्ट के अनुसार GUJ में 918 था 2001 में, 2011 में 919 – तो थोड़ा सा सुधार). प्रश्न यह कह रहा है 'गिरावट दर्ज की', इसमें थोड़ा असंगत हो सकता है. तथ्य के अनुसार गुजरात में 2001 में 920 था, 2011 में 919. Hence slight decline. So okay." }, { "question": "जनसंख्या बढ़ने से ‘Jobless Growth’ की स्थिति कब पैदा होती है?", "options": [ "जब अर्थव्यवस्था बढ़े, मगर नई नौकरियाँ नहीं बन रहीं, जबकि बेरोजगार लोग बढ़ रहे हैं", "सभी को रोजगार मिल रहा हो", "जनसंख्या घट जाए", "अर्थव्यवस्था मंदी में हो" ], "correct": 0, "explanation": "यदि GDP बढ़ रहा है पर रोजगार में वृद्धि नहीं हो रही, जबकि जनसंख्या के कारण श्रमिकों की संख्या बढ़ती जा रही है, तो यह बेकार (Jobless) ग्रोथ की स्थिति है।" }, { "question": "जनगणना 2011 के अनुसार, कुल कार्यबल (Workforce) कितने प्रतिशत के करीब था?", "options": [ "39-40% (लगभग)", "50%", "60%", "20%" ], "correct": 0, "explanation": "जनगणना 2011 में लगभग 39-40% आबादी कार्यरत (Main+Marginal Workers) श्रेणी में आई, शेष पराश्रित/बेरोजगार/गृहकार्य/छात्र इत्यादि थे।" }, { "question": "भारत की जनगणना क्यों विशिष्ट मानी जाती है?", "options": [ "सबसे कम आबादी वाला देश", "दुनिया का सबसे बड़ा प्रशासनिक अभ्यासों में से एक, जिसमें विस्तृत सूचनाएँ एक साथ एकत्र की जाती हैं", "केवल शहरों पर ध्यान", "हर साल होती है" ], "correct": 1, "explanation": "भारत की जनगणना विश्व के सबसे बड़े एकीकृत सांख्यिकीय अभियानों में से एक है, जो विशाल आबादी और विस्तृत भौगोलिक क्षेत्र को कवर करती है।" }, { "question": "जनगणना 2011 के अनुसार, भारत में सर्वाधिक जनसंख्या वाला जिला कौन-सा था?", "options": [ "मुंबई (महाराष्ट्र)", "थाने (महाराष्ट्र)", "उत्तर प्रदेश का इलाहाबाद", "कोलकाता (प. बंगाल)" ], "correct": 1, "explanation": "थाने जिला (महाराष्ट्र) की जनसंख्या 1.1 करोड़ से भी अधिक पाई गई, जो भारत के किसी भी जिले में सबसे ज्यादा थी (2011)।" }, { "question": "भारत में अगली (16वीं) जनगणना किस वर्ष प्रस्तावित थी (COVID-19 पूर्व अनुमान के अनुसार)?", "options": [ "2021", "2016", "2022", "2025" ], "correct": 0, "explanation": "सामान्यतः 10 वर्ष के चक्र के अनुसार 2021 में जनगणना होनी थी, किंतु कोविड-19 व अन्य कारणों से इसमें विलंब हुआ।" }, { "question": "2011 की जनगणना के अनुसार, निम्न में से कौन-सा कथन सत्य है?", "options": [ "शहरीकरण 50% से ऊपर था", "लिंगानुपात 950 से अधिक था", "जनसंख्या वृद्धि दर पिछले दशक की तुलना में घटी (17.7%)", "साक्षरता दर 80% पार कर गई" ], "correct": 2, "explanation": "जनगणना 2001-2011 की वृद्धि दर 17.7% थी, जो 1991-2001 (21.5%) की तुलना में कम है। शहरीकरण 31.16%, लिंगानुपात 940, साक्षरता दर 74.04% रही।" }, { "question": "जनगणना 2011 के अनुसार, भारत का औसत पारिवारिक आकार (Household Size) लगभग कितना था?", "options": [ "4.8 - 5 के बीच", "7.2", "3", "6.5" ], "correct": 0, "explanation": "औसतन परिवार का आकार ~4.8-5 व्यक्ति का माना जाता है, हालांकि यह राज्यों के अनुसार अलग-अलग हो सकता है।" }, { "question": "जनगणना 2011 में, किस राज्य ने सबसे कम जनसंख्या वृद्धि दर दर्ज की?", "options": [ "नागालैंड", "केरल", "गोवा", "असम" ], "correct": 1, "explanation": "केरल में वृद्धि दर लगभग 4.9% रही, जो सबसे कम है (नागालैंड के आंकड़े कुछ विवादित रहे पर आधिकारिक तौर पर -0.5% दिखाई दी, जो अन्य कारणों से है; अतः आमतौर पर केरल को स्थिर वृद्धि वाला कहा जाता है)।" }, { "question": "जनगणना के आंकड़े सरकार को किन क्षेत्रों में मदद करते हैं?", "options": [ "नीतिगत योजना, संसाधन आवंटन, विकास कार्यक्रमों का मूल्यांकन", "केवल विदेशी मुद्रानीतियाँ", "शेयर बाज़ार नियंत्रण", "कोई उपयोग नहीं" ], "correct": 0, "explanation": "जनगणना से जनसांख्यिकीय विवरण, लिंगानुपात, साक्षरता, कार्यबल आदि का अद्यतन डेटा प्राप्त होता है, जो नीति-निर्माण और योजनाओं को लक्षित करने में सहायक होता है।" }, { "question": "जनगणना 2011 में ‘Child Sex Ratio’ (0-6 आयु) में सबसे कम कौन-से राज्य/UT में पाया गया?", "options": [ "हरियाणा", "दिल्ली", "पंजाब", "दमन और दीव" ], "correct": 3, "explanation": "दमन और दीव में बाल लिंगानुपात (0-6 वर्ष) बेहद कम (करीब 618) पाया गया। यदि राज्यों में देखें तो हरियाणा, पंजाब भी कम थे, पर UT में दमन और दीव सबसे कम था।" }, { "question": "जनगणना में कौन-सा डेटा भी संग्रहित होता है?", "options": [ "नाम और बैंक विवरण", "व्यक्ति की जन्मतिथि, लिंग, साक्षरता, शिक्षा स्तर, व्यवसाय, मूलभूत सुविधाओं की उपलब्धता इत्यादि", "केवल ऑनलाइन आईपी एड्रेस", "निजी पैन कार्ड सूचना" ], "correct": 1, "explanation": "जनगणना फॉर्म में व्यक्ति का नाम, लिंग, उम्र, वैवाहिक स्थिति, शिक्षा, आजीविका, आवास स्थिति आदि डेटा दर्ज होता है, ताकि व्यापक सांख्यिकीय विश्लेषण हो सके।" }, { "question": "जनसंख्या का उच्च घनत्व निम्न में से किस चुनौती को जन्म नहीं देता?", "options": [ "शहरी भीड़भाड़ और बुनियादी ढाँचे पर दबाव", "स्वच्छ पानी, स्वच्छता की कमी", "गरीबी और झुग्गी-झोपड़ी का विस्तार", "पर्यावरण प्रदूषण शून्य हो जाना" ], "correct": 3, "explanation": "उच्च घनत्व से आमतौर पर पर्यावरण प्रदूषण बढ़ जाता है, शून्य नहीं होता; अन्य सभी चुनौतियाँ, जैसे भीड़भाड़, पानी की कमी, स्वच्छता समस्या, बढ़ती हैं।" }, { "question": "भारत में जनगणना 1881 से पहले भी किसी स्तर पर जनगणना का प्रयास क्यों किया गया था?", "options": [ "1872 में लार्ड मेयो ने आंशिक रूप से कुछ स्थानों का डेटा संग्रह कराया", "1931 में पहली बार", "कभी नहीं", "ब्रिटिश सरकार इच्छुक नहीं थी" ], "correct": 0, "explanation": "1872 में आंशिक जनगणना हुई, मगर वह संपूर्ण और एकरूप नहीं थी; उसे आधुनिक पहली जनगणना नहीं माना जाता, 1881 को पूर्ण-प्रथम जनगणना कहते हैं।" }, { "question": "जनगणना 2011 में ‘मुस्लिम आबादी’ का प्रतिशत लगभग कितना था?", "options": [ "15%", "14.2%", "10%", "20%" ], "correct": 1, "explanation": "जनगणना 2011 के अनुसार, मुस्लिम आबादी कुल आबादी की ~14.2% थी।" }, { "question": "जनगणना 2011 में अनुसूचित जाति (SC) आबादी का प्रतिशत कितना था (लगभग)?", "options": [ "16.6%", "10%", "20%", "22%" ], "correct": 0, "explanation": "SC आबादी का प्रतिशत ~16.6% के आसपास दर्ज किया गया, जबकि ST ~8.6% रही।" }, { "question": "जनसंख्या के प्रभाव में ‘मानव विकास सूचकांक (HDI)’ कैसे जुड़ा हो सकता है?", "options": [ "HDI बेकार", "उच्च आबादी वाले देश का HDI हमेशा ऊँचा होता है", "बड़ी जनसंख्या में यदि शिक्षा, स्वास्थ्य, आय स्तर समुचित न हो, तो HDI कम रहेगा", "केवल पर्यावरण घटक" ], "correct": 2, "explanation": "HDI में दीर्घायु (स्वास्थ्य), शिक्षा और आय कारक हैं; बड़े आबादी वाले देश में यदि संसाधन पर्याप्त न हों, तो HDI कम हो सकता है।" }, { "question": "जनगणना 2011 के अनुसार, किस राज्य/UT में साक्षरता दर महिलाओं की तुलना में पुरुषों से सबसे कम अंतर पर थी (यानी लैंगिक अंतर कम)?", "options": [ "केरल", "मिज़ोरम", "हरियाणा", "बिहार" ], "correct": 1, "explanation": "मिज़ोरम में पुरुष-महिला साक्षरता में अंतर बहुत कम था (एक-दो प्रतिशत), केरल में भी अंतर कम है, लेकिन मिज़ोरम में लिंगानुसार साक्षरता अंतर सबसे कम में से एक है।" }, { "question": "जनगणना 2011 के अनुसार, निम्न में से कौन-सा बड़ा धार्मिक समुदाय लगभग 79.8% आबादी के आसपास दर्ज हुआ?", "options": [ "ईसाई", "सिख", "हिंदू", "बौद्ध" ], "correct": 2, "explanation": "जनगणना 2011 में हिंदू आबादी ~79.8%, मुस्लिम 14.2%, ईसाई 2.3%, सिख 1.7%, बौद्ध ~0.7%, जैन ~0.4% इत्यादि दर्ज की गई।" }, { "question": "जनगणना 2011 के अनुसार, निम्न में से कौन-सा जिला सबसे कम जनसंख्या वाला था?", "options": [ "दिबांग वैली (अरुणाचल प्रदेश)", "कृष्णा (आंध्र प्रदेश)", "थाने (महाराष्ट्र)", "बंगलुरु अर्बन" ], "correct": 0, "explanation": "दिबांग वैली जिला (अरुणाचल प्रदेश) की आबादी बहुत कम (~8 हजार से भी कम) थी, इसे सबसे कम आबादी वाला जिला माना गया।" }, { "question": "जनगणना 2011 में भारत का कुल भौगोलिक क्षेत्रफ़ल और कुल जनसंख्या को मिलाकर ‘जनसंख्या घनत्व’ कितना बनता है?", "options": [ "382 व्यक्ति/वर्ग किमी", "550 व्यक्ति/वर्ग किमी", "1020 व्यक्ति/वर्ग किमी", "280 व्यक्ति/वर्ग किमी" ], "correct": 0, "explanation": "जनगणना 2011 के अनुसार, राष्ट्रीय औसत घनत्व 382 व्यक्ति प्रति वर्ग किमी दर्ज किया गया, जो 2001 में 324 था।" } // More questions as needed... ]; let currentQuestionIndex = 0; // Track current question let userAnswers = Array(quizData.length).fill(null); // Track user's answers // Timer variables let totalQuizTime = quizData.length * 30; // total seconds = 30 seconds * no. of questions let timeLeft = totalQuizTime; let timerInterval; // On page load, initialize quiz window.onload = function() { generateQuestionNav(); // Generate the question navigation circles loadQuestion(); startTimer(); // Start the countdown }; // Start the countdown timer function startTimer() { updateTimerDisplay(timeLeft); timerInterval = setInterval(() => { timeLeft--; updateTimerDisplay(timeLeft); if (timeLeft <= 0) { clearInterval(timerInterval); showResults(); // Force show results if time is up } }, 1000); } // Update timer on the screen in mm:ss format function updateTimerDisplay(seconds) { const timerEl = document.getElementById("timer"); const mins = Math.floor(seconds / 60).toString().padStart(2, '0'); const secs = (seconds % 60).toString().padStart(2, '0'); timerEl.innerText = `Time: ${mins}:${secs}`; } // Toggle the question nav when hamburger is pressed const hamburgerBtn = document.getElementById('hamburgerBtn'); hamburgerBtn.addEventListener('click', () => { document.getElementById('questionNavOverlay').classList.toggle('show'); }); // Close hamburger menu if user clicks outside the nav and menu document.addEventListener('click', (e) => { const navOverlay = document.getElementById('questionNavOverlay'); const hamburger = document.getElementById('hamburgerBtn'); // If the menu is open, and the click is outside both the overlay and the hamburger, close it if ( navOverlay.classList.contains('show') && !navOverlay.contains(e.target) && !hamburger.contains(e.target) ) { navOverlay.classList.remove('show'); } }); // Create small clickable circles for each question function generateQuestionNav() { const navContainer = document.getElementById("questionNav"); navContainer.innerHTML = ""; // clear old items if any quizData.forEach((_, index) => { const circle = document.createElement("div"); circle.classList.add("circle-number"); circle.innerText = index + 1; // Show question number (1-based) circle.onclick = () => jumpToQuestion(index); navContainer.appendChild(circle); }); } // Jump to a specific question function jumpToQuestion(qIndex) { currentQuestionIndex = qIndex; // Hide the nav on mobile after selection document.getElementById('questionNavOverlay').classList.remove('show'); // Reset submission/next button state document.getElementById("submitAnswerButton").classList.remove("hidden"); document.getElementById("nextButton").classList.add("hidden"); loadQuestion(); } // Load current question function loadQuestion() { highlightCurrentCircle(); // Hide explanation area and Next button initially document.getElementById("explanation").classList.add("hidden"); document.getElementById("nextButton").classList.add("hidden"); const questionData = quizData[currentQuestionIndex]; document.getElementById("question").innerText = questionData.question; document.getElementById("questionCounter").innerText = `${currentQuestionIndex + 1}/${quizData.length}`; // Clear old choices const choicesContainer = document.getElementById("choices"); choicesContainer.innerHTML = ""; // Populate choices questionData.options.forEach((option, index) => { const choiceElement = document.createElement("div"); choiceElement.className = "choice"; choiceElement.innerText = option; // If previously selected, mark it if (userAnswers[currentQuestionIndex] === index) { choiceElement.classList.add("selected"); } // On clicking a choice choiceElement.onclick = () => { // Clear all selections first document.querySelectorAll(".choice").forEach(c => c.classList.remove("selected")); // Mark this one as selected choiceElement.classList.add("selected"); userAnswers[currentQuestionIndex] = index; }; choicesContainer.appendChild(choiceElement); }); // Handle Previous button visibility document.getElementById("prevButton").style.display = currentQuestionIndex === 0 ? "none" : "inline-block"; } // Highlight the current question circle function highlightCurrentCircle() { const circles = document.querySelectorAll(".circle-number"); circles.forEach((circle, idx) => { circle.classList.remove("active"); if (idx === currentQuestionIndex) { circle.classList.add("active"); } }); } // Submit the current question's answer function submitAnswer() { const questionData = quizData[currentQuestionIndex]; const userAnswer = userAnswers[currentQuestionIndex]; // Show the explanation div const explanationDiv = document.getElementById("explanation"); explanationDiv.classList.remove("hidden"); // Clear previous correctness classes and disable further selection document.querySelectorAll(".choice").forEach((c) => { c.classList.add("disabled"); c.onclick = null; }); // Determine correctness or skipping if (userAnswer === null) { explanationDiv.innerHTML = "You Skipped the question.<br/><br/>व्याख्या: " + questionData.explanation; showPopupMessage("You Skipped the question", false); } else if (userAnswer === questionData.correct) { explanationDiv.innerHTML = "You got it right!<br/><br/>व्याख्या: " + questionData.explanation; showPopupMessage("You got it right", true); // Highlight correct choice document.querySelectorAll(".choice")[userAnswer].classList.add("correct"); } else { explanationDiv.innerHTML = "You got it wrong.<br/><br/>व्याख्या: " + questionData.explanation; showPopupMessage("You got it wrong", false); // Highlight correct choice document.querySelectorAll(".choice")[questionData.correct].classList.add("correct"); // Mark the chosen one as incorrect document.querySelectorAll(".choice")[userAnswer].classList.add("incorrect"); } // Hide the submit button, show the next button document.getElementById("submitAnswerButton").classList.add("hidden"); document.getElementById("nextButton").classList.remove("hidden"); } // Go to the next question or show final results function nextQuestion() { currentQuestionIndex++; if (currentQuestionIndex >= quizData.length) { // Show results if no more questions showResults(); } else { // Reset buttons document.getElementById("submitAnswerButton").classList.remove("hidden"); document.getElementById("nextButton").classList.add("hidden"); loadQuestion(); } } // Go to the previous question function previousQuestion() { if (currentQuestionIndex > 0) { currentQuestionIndex--; document.getElementById("submitAnswerButton").classList.remove("hidden"); document.getElementById("nextButton").classList.add("hidden"); loadQuestion(); } } // Show final quiz results function showResults() { // Stop the timer if it's still running clearInterval(timerInterval); // Calculate correct answers const correctAnswersCount = userAnswers.filter( (ans, i) => ans === quizData[i].correct ).length; // Hide quiz content document.getElementById("quizContent").classList.add("hidden"); // Show results document.getElementById("resultContent").classList.remove("hidden"); const percentage = (correctAnswersCount / quizData.length) * 100; let resultHTML = ""; if (percentage >= 60) { resultHTML = `<div class="congrats">🎉 बधाई हो! आपने ${percentage.toFixed( 2 )}% स्कोर किया है!</div>`; } else { resultHTML = `<div class="sad">😢 आपने ${percentage.toFixed( 2 )}% स्कोर किया है। अगली बार के लिए शुभकामनाएं!</div>`; } document.getElementById("resultMessage").innerHTML = resultHTML; document.getElementById("scoreMessage").innerText = `आपने कुल ${quizData.length} में से ${correctAnswersCount} प्रश्न सही उत्तर दिए हैं।`; } // Optional popup message 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); } // Button event listeners document.getElementById('prevButton').addEventListener('click', previousQuestion); document.getElementById('submitAnswerButton').addEventListener('click', submitAnswer); document.getElementById('nextButton').addEventListener('click', nextQuestion); // Predefined Darker Color Themes const themes = [ { header: '#a31645', headerText: '#ffffff', container: '#e8c4d6', containerText: '#6e0c36', headings: '#6e0c36' }, // Berry Delight { header: '#00574b', headerText: '#ffffff', container: '#b3dfd7', containerText: '#00382e', headings: '#00382e' }, // Ocean Breeze { header: '#c95a00', headerText: '#ffffff', container: '#dca865', containerText: '#7a3400', headings: '#7a3400' }, // Sunset Glow { header: '#4a0f6f', headerText: '#ffffff', container: '#cdb5e3', containerText: '#320b4a', headings: '#320b4a' }, // Calming Lavender { header: '#1e4d2b', headerText: '#ffffff', container: '#98c1a3', containerText: '#122417', headings: '#122417' }, // Forest Retreat { header: '#c99800', headerText: '#ffffff', container: '#e8d18a', containerText: '#6c4f00', headings: '#6c4f00' }, // Golden Elegance { header: '#01477e', headerText: '#ffffff', container: '#86b9e4', containerText: '#00223d', headings: '#00223d' }, // Sky Calm { header: '#5a3b2e', headerText: '#ffffff', container: '#b8a89c', containerText: '#32211a', headings: '#32211a' }, // Retro Rust { header: '#b34727', headerText: '#ffffff', container: '#f2c29d', containerText: '#6a2915', headings: '#6a2915' }, // Warm Peach { header: '#0f4c43', headerText: '#ffffff', container: '#92c3b8', containerText: '#072822', headings: '#072822' }, // Cool Mint ]; // Apply Random Darker Theme function applyRandomTheme() { const header = document.querySelector('.header'); const container = document.querySelector('.content-container'); const headings = document.querySelectorAll('.content-container h2'); // Select a random theme const randomTheme = themes[Math.floor(Math.random() * themes.length)]; // Apply Header Colors header.style.backgroundColor = randomTheme.header; header.style.color = randomTheme.headerText; // Apply Container Colors container.style.backgroundColor = randomTheme.container; container.style.color = randomTheme.containerText; // Apply Heading Colors headings.forEach((heading) => { heading.style.color = randomTheme.headings; heading.style.borderBottom = `2px solid ${randomTheme.headings}`; }); } // Apply the theme on page load window.onload = function () { applyRandomTheme(); // Set random theme generateQuestionNav(); // Generate question navigation loadQuestion(); // Load the first question startTimer(); // Start the countdown timer }; </script> </body> </html> <!-- /wp:html -->
