<!-- 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 style="color: #ffffff;">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": "भारतीय संविधान में विधायी प्रक्रिया (Legislative Process) के नियमों और संसदीय परंपराओं (Parliamentary Conventions) के स्रोत मुख्यतः कहाँ से लिए गए?", "options": [ "अमेरिकी संविधान (US Constitution)", "ब्रिटिश संविधान (British Constitution)", "आयरिश संविधान (Irish Constitution)", "कनाडाई संविधान (Canadian Constitution)" ], "correct": 1, "explanation": "भारतीय संविधान में संसदीय शासन प्रणाली (Parliamentary System) और विधायी प्रक्रिया मुख्यतः ब्रिटिश मॉडल से ली गई हैं, जिसके तहत द्विसदनीय (Bicameral) व्यवस्था, प्रधानमंत्री के पद व संसदीय उत्तरदायित्व जैसे प्रावधान अपनाए गए।" }, { "question": "न्यायिक पुनरावलोकन (Judicial Review) की अवधारणा भारतीय संविधान ने किस देश के संविधान से अपनाई?", "options": [ "ब्रिटेन (Britain)", "अमेरिका (USA)", "आयरलैंड (Ireland)", "जर्मनी (Germany)" ], "correct": 1, "explanation": "भारतीय संविधान में न्यायिक पुनरावलोकन (Judicial Review) की अवधारणा अमेरिकी संविधान से ली गई है, जहाँ सुप्रीम कोर्ट कानूनों की संवैधानिकता की समीक्षा कर सकता है।" }, { "question": "मौलिक अधिकार (Fundamental Rights) की प्रेरणा (Inspiration) भारतीय संविधान ने मुख्य रूप से किस देश से प्राप्त की?", "options": [ "अमेरिका (USA)", "आयरलैंड (Ireland)", "ब्रिटेन (Britain)", "फ्रांस (France)" ], "correct": 0, "explanation": "अमेरिकी संविधान के बिल ऑफ राइट्स (Bill of Rights) से प्रेरणा लेकर भारतीय संविधान में मौलिक अधिकारों को शामिल किया गया। हालाँकि इनके प्रावधान भारतीय संदर्भ अनुसार संशोधित किए गए।" }, { "question": "संसदीय विशेषाधिकार (Parliamentary Privileges) और एकात्मक तत्त्वों (Unitary Elements) की झलक भारतीय संविधान ने कहाँ से ली?", "options": [ "कनाडा (Canada)", "फ्रांस (France)", "चीन (China)", "रूस (Russia)" ], "correct": 0, "explanation": "भारतीय संविधान में संसदीय विशेषाधिकारों के कुछ सिद्धांत और केंद्र को सशक्त करने वाले एकात्मक तत्त्व कनाडाई संविधान (Canadian Constitution) से लिए गए हैं, जहाँ भी एक संघात्मक ढाँचा है, लेकिन केंद्र को मज़बूत भूमिका दी गई है।" }, { "question": "न्यायिक स्वतंत्रता (Judicial Independence) के प्रावधान भारतीय संविधान ने किन संविधानों से लिए हैं?", "options": [ "अमेरिकी और ब्रिटिश दोनों से", "केवल आयरलैंड से", "कनाडाई और ऑस्ट्रेलियाई संविधानों से", "केवल दक्षिण अफ्रीका से" ], "correct": 0, "explanation": "भारतीय संविधान में न्यायाधीशों की स्वतंत्रता और न्यायिक पुनरावलोकन का मिश्रित प्रभाव अमेरिकी व ब्रिटिश व्यवस्थाओं से लिया गया है। हालाँकि कई प्रावधानों को भारतीय संदर्भ में संशोधित किया गया है।" }, { "question": "भारतीय संविधान में 'द्विसदनीय विधायिका (Bicameral Legislature)' की प्रेरणा मुख्यतः किससे ली गई?", "options": [ "ब्रिटिश संसद (British Parliament)", "अमेरिकी कांग्रेस (US Congress)", "स्वयं भारतीय परंपराओं से", "फ्रांसीसी संसद (French Parliament)" ], "correct": 0, "explanation": "द्विसदनीय विधायिका (लोकसभा और राज्यसभा) की रूपरेखा ब्रिटिश संसद से प्रेरित है, जहाँ हाउस ऑफ कॉमन्स (House of Commons) और हाउस ऑफ लॉर्ड्स (House of Lords) की प्रणाली है।" }, { "question": "आयरिश संविधान (Irish Constitution) से भारतीय संविधान ने कौन-सा महत्वपूर्ण तत्त्व ग्रहण किया?", "options": [ "नीति-निर्देशक तत्त्व (Directive Principles)", "मौलिक अधिकार (Fundamental Rights)", "संसदीय प्रणाली (Parliamentary System)", "संविधान संशोधन प्रक्रिया (Amendment Process)" ], "correct": 0, "explanation": "भारतीय संविधान में नीति-निर्देशक तत्त्वों (Directive Principles of State Policy) की संकल्पना आयरलैंड के संविधान से प्रेरित है, जहाँ सामाजिक व आर्थिक न्याय से संबंधित मार्गदर्शक सिद्धांत सम्मिलित किए गए थे।" }, { "question": "संविधान संशोधन (Amendment) की प्रक्रिया में लचीलापन (Flexibility) और कठोरता (Rigidity) का मिश्रित रूप भारत ने किससे अधिक प्रेरित होकर अपनाया?", "options": [ "अमेरिका से कठोरता, दक्षिण अफ्रीका से लचीलापन", "कनाडा से कठोरता, ब्रिटेन से लचीलापन", "आयरलैंड से कठोरता, ब्रिटेन से लचीलापन", "ब्रिटेन से कठोरता, अमेरिका से लचीलापन" ], "correct": 1, "explanation": "भारतीय संविधान संशोधन प्रक्रिया में कनाडा जैसी कठोरता और ब्रिटेन जैसी लचीली विधि का मिश्रण मिलता है। कुछ संशोधन सरल बहुमत से हो जाते हैं तो कुछ के लिए विशेष बहुमत और राज्यों की सहमति आवश्यक होती है।" }, { "question": "भारतीय संविधान के \"राष्ट्रपति को मंत्री परिषद के प्रति बाध्य (Bound by the aid and advice of Council of Ministers)\" होने का प्रावधान किस देश के संविधान से प्रेरित है?", "options": [ "ब्रिटेन (Britain)", "अमेरिका (USA)", "फ्रांस (France)", "स्विट्ज़रलैंड (Switzerland)" ], "correct": 0, "explanation": "ब्रिटिश संसदीय प्रणाली की तरह ही भारतीय राष्ट्रपति को मंत्री परिषद की सलाह माननी होती है। यह प्रावधान ब्रिटिश मॉडल से लिया गया है, जहाँ सम्राट (Monarch) को मंत्रिमंडल की सलाह से बाध्य (Bound) माना जाता है।" }, { "question": "उपसभापति (Vice Chairman) या उपाध्यक्ष (Vice President) के पद को राज्यसभा के सभापति की अनुपस्थिति में सभापतित्व करने का अधिकार किस संविधान से प्रेरित है?", "options": [ "अमेरिका", "आयरलैंड", "ऑस्ट्रेलिया", "कनाडा" ], "correct": 3, "explanation": "राज्यसभा के उपसभापति (Deputy Chairman) की व्यवस्था और केंद्र को मज़बूत संघीय सिद्धांत कनाडा के मॉडल से प्रेरित हैं, जहाँ सीनेट (Senate) का अलग ढाँचा है और उपसभापति की व्यवस्था भी है।" }, { "question": "राष्ट्रपति के निलंबनाधीन अध्यादेश (Ordinance) जारी करने की शक्ति का विचार किस संविधान या प्रचलन से प्रेरित माना जाता है?", "options": [ "अमेरिकी संविधान", "ब्रिटिश प्रणाली में शाही आदेश (Royal Proclamation)", "आयरलैंड", "कनाडा" ], "correct": 1, "explanation": "अध्यादेश की शक्ति ब्रिटिश क्राउन के रॉयल प्रोक्लेमेशन (Royal Proclamation) से प्रेरित मानी जाती है, जहाँ क्राउन आपातस्थिति में अध्यादेश जैसी ताकत रखता था। भारतीय संविधान में भी राष्ट्रपति और राज्यपाल के पास यह शक्ति है।" }, { "question": "महाभियोग (Impeachment) की प्रक्रिया कहाँ से प्रेरित है?", "options": [ "ब्रिटेन", "आयरलैंड", "अमेरिका", "फ्रांस" ], "correct": 2, "explanation": "राष्ट्रपति जैसे उच्च पदों पर महाभियोग (Impeachment) की प्रक्रिया अमेरिकी संविधान से प्रेरित है, जहाँ राष्ट्रपति पर सदन द्वारा महाभियोग चलाया जा सकता है।" }, { "question": "लोकतांत्रिक धर्मनिरपेक्ष (Secular) गणराज्य (Republic) की अवधारणा मुख्यतः कहाँ से प्रभावित मानी जाती है?", "options": [ "फ्रांस (France)", "अमेरिका (USA)", "ब्रिटेन (Britain)", "रूस (Russia)" ], "correct": 0, "explanation": "धर्मनिरपेक्ष गणराज्य की आधुनिक अवधारणा फ्रांसीसी क्रांति (French Revolution) से प्रेरणा लेती है, हालाँकि भारतीय संविधान ने इसे अपने बहुलवादी (Pluralistic) समाज के अनुरूप ढाला है।" }, { "question": "नागरक अधिकारों (Civil Rights) की अवधारणा किस देश के बिल ऑफ राइट्स (Bill of Rights) से सबसे अधिक मेल खाती है?", "options": [ "अमेरिका (USA)", "ब्रिटेन (Britain)", "कनाडा (Canada)", "ऑस्ट्रेलिया (Australia)" ], "correct": 0, "explanation": "भारतीय संविधान में मौलिक अधिकारों (Fundamental Rights) के रूप में नागरिक स्वतंत्रताओं का उल्लेख अमेरिकी बिल ऑफ राइट्स से काफी मिलता-जुलता है।" }, { "question": "नीति-निर्देशक तत्त्व (Directive Principles) की एक विशेषता \"सामाजिक एवं आर्थिक लोकतंत्र (Social and Economic Democracy)\" पर ज़ोर देती है, जो आयरिश संविधान के अलावा किस अन्य देश के संविधान से प्रेरित मानी जाती है?", "options": [ "जर्मनी (Germany)", "ऑस्ट्रिया (Austria)", "स्पेन (Spain)", "दक्षिण अफ्रीका (South Africa)" ], "correct": 0, "explanation": "सामाजिक एवं आर्थिक लोकतंत्र संबंधी प्रावधानों में भारतीय संविधान आयरलैंड के अलावा जर्मन (वाइमर रिपब्लिक) संविधान से भी कुछ प्रेरणा लेता है, हालाँकि यह प्रत्यक्ष रूप से कम उल्लेखित है।" }, { "question": "भारतीय संविधान की समवर्ती सूची (Concurrent List) किन देशों के मॉडल को देखकर अपनाई गई है?", "options": [ "अमेरिका और ब्रिटेन", "कनाडा और ऑस्ट्रेलिया", "आयरलैंड और फ्रांस", "जापान और जर्मनी" ], "correct": 1, "explanation": "भारतीय संविधान में समवर्ती सूची का विचार कनाडा और ऑस्ट्रेलिया के संघीय ढाँचों से प्रेरित है, जहाँ कुछ विषयों पर केंद्र और राज्यों दोनों का अधिकार होता है।" }, { "question": "भारत में 'रिट्स (Writs)' जारी करने की शक्ति सीधे किस देश की न्यायिक प्रणाली से प्रभावित है?", "options": [ "ब्रिटेन (Britain)", "अमेरिका (USA)", "कनाडा (Canada)", "जापान (Japan)" ], "correct": 0, "explanation": "रिट्स (Habeas Corpus, Mandamus, Prohibition, Certiorari, Quo Warranto) की परंपरा ब्रिटिश कॉमन लॉ (British Common Law) से आई है, जिसे भारतीय संविधान ने अपनाया है।" }, { "question": "उपराष्ट्रपति (Vice President) का चुनाव जिस तरह संसद के सदस्यों द्वारा किया जाता है, वह किस देश की प्रणाली से अधिक मिलता-जुलता है?", "options": [ "अमेरिका (USA)", "आयरलैंड (Ireland)", "फ्रांस (France)", "कनाडा (Canada)" ], "correct": 3, "explanation": "भारतीय उपराष्ट्रपति का चुनाव एक निर्वाचक मंडल (Electoral College) द्वारा होता है, जिसमें संसद के दोनों सदनों के सदस्य शामिल हैं। यह कनाडाई व्यवस्था से कुछ हद तक मिलता-जुलता मॉडल है, हालाँकि पूरी तरह समान नहीं।" }, { "question": "भारतीय संघीय ढाँचे (Federal Structure) में आपातकालीन प्रावधानों (Emergency Provisions) का सबसे अधिक झुकाव (Influence) किस संविधान से आता है?", "options": [ "जर्मनी (Germany)", "कनाडा (Canada)", "अमेरिका (USA)", "आयरलैंड (Ireland)" ], "correct": 1, "explanation": "भारत में आपातकालीन प्रावधानों पर कनाडा का प्रभाव माना जाता है, जहाँ केंद्र को आपातकालीन शक्तियाँ प्राप्त हैं। यद्यपि भारतीय संविधान ने इन्हें काफी विस्तार दिया है।" }, { "question": "स्वतंत्र न्यायपालिका (Independent Judiciary) और न्यायिक पुनरावलोकन (Judicial Review) एकसाथ किस देश से लिए गए सबसे प्रमुख सिद्धांत हैं?", "options": [ "ब्रिटेन", "अमेरिका", "आयरलैंड", "ऑस्ट्रेलिया" ], "correct": 1, "explanation": "अमेरिकी संविधान से स्वतंत्र न्यायपालिका और न्यायिक पुनरावलोकन का विचार लिया गया, जबकि न्यायिक कार्यप्रणाली के कुछ पहलू ब्रिटिश परंपरा से भी प्रेरित हैं।" }, { "question": "राज्यपाल (Governor) की नियुक्ति केंद्र द्वारा करने का प्रावधान भारतीय संविधान ने कहाँ से अपनाया?", "options": [ "आयरलैंड", "कनाडा", "अमेरिका", "दक्षिण अफ्रीका" ], "correct": 1, "explanation": "कनाडा में लेफ्टिनेंट-गवर्नर (Lieutenant-Governor) को केंद्र द्वारा नियुक्त किया जाता है। इसी तरह भारतीय संविधान ने राज्यों में राज्यपाल की नियुक्ति राष्ट्रपति के द्वारा करने का प्रावधान लिया है।" }, { "question": "उच्चतम न्यायालय (Supreme Court) और उच्च न्यायालयों (High Courts) के न्यायाधीशों की सेवानिवृत्ति आयु संबंधी प्रावधान का आधार कहाँ से माना जाता है?", "options": [ "ब्रिटेन", "कनाडा", "ऑस्ट्रेलिया", "अमेरिका" ], "correct": 2, "explanation": "ऑस्ट्रेलियाई संविधान में न्यायाधीशों की सेवानिवृत्ति आयु का प्रावधान मिलता है। भारतीय संविधान में भी न्यायाधीशों की सेवानिवृत्ति आयु निर्धारित है (सुप्रीम कोर्ट के लिए 65 वर्ष, उच्च न्यायालय के लिए 62 वर्ष)।" }, { "question": "भारत के नियंत्रक एवं महालेखा परीक्षक (CAG) का पद किस व्यवस्था से प्रेरित है?", "options": [ "अमेरिका के GAO (Government Accountability Office)", "ब्रिटिश संसद के 'Comptroller and Auditor General' पद से", "कनाडाई 'ऑडिटर जनरल' पद से", "जर्मन 'बुंडेसrechnungshof' (Federal Audit Office) से" ], "correct": 1, "explanation": "CAG (Comptroller and Auditor General) का पद सीधा ब्रिटिश प्रणाली से प्रेरित है, जहाँ इसी नाम का पद ब्रिटिश संसदीय व्यवस्था में वित्तीय नियंत्रण का कार्य करता है।" }, { "question": "भारतीय संविधान के अंतर्गत प्रस्तावना (Preamble) में शब्दों का संयोजन और इसकी कानूनी रूपरेखा किस देश की संवैधानिक परंपरा से सबसे अधिक निकटता रखती है?", "options": [ "अमेरिका", "आयरलैंड", "कनाडा", "ऑस्ट्रेलिया" ], "correct": 0, "explanation": "भारतीय संविधान की प्रस्तावना (We the People...) की संरचना अमेरिकी संविधान की प्रस्तावना से काफी मिलती-जुलती है, हालाँकि इसमें आयरिश प्रभाव भी दिखाई देता है।" }, { "question": "समवर्ती सूची (Concurrent List) की मूल भावना कि केंद्र और राज्य दोनों को एक ही विषय पर कानून बनाने का अधिकार हो, किस मॉडल से ली गई?", "options": [ "ब्रिटिश यूनिटरी मॉडल", "कनाडाई संघीय मॉडल", "ऑस्ट्रेलियाई संघीय मॉडल", "अमेरिकी संघीय मॉडल" ], "correct": 2, "explanation": "ऑस्ट्रेलियाई संघीय मॉडल में केंद्र और राज्यों दोनों को कुछ विषयों पर कानून बनाने का अधिकार है। भारतीय संविधान ने इसी अवधारणा को समवर्ती सूची के रूप में अपनाया।" }, { "question": "भारत ने नागरिकता (Citizenship) संबंधी कुछ प्रावधान किस देश से प्रभावित होकर लिए?", "options": [ "अमेरिका", "आयरलैंड", "ब्रिटेन", "कनाडा" ], "correct": 3, "explanation": "भारत ने नागरिकता संबंधी कुछ प्रावधान (जैसे जन्म से नागरिकता, पंजीकरण, देशीकरण) में कनाडा के मॉडल से भी प्रेरणा ली है, हालाँकि अधिकांश विस्तार भारतीय संदर्भ में ही किया गया है।" }, { "question": "आयरलैंड के संविधान से लिए गए नीति-निर्देशक तत्त्व (DPSPs) भारत में किस रूप में लागू किए गए हैं?", "options": [ "कानूनी रूप से बाध्यकारी (Legally Enforceable)", "अदालती आदेशों (Court Orders) द्वारा लागू", "न्यायिक रूप से गैर-प्रवर्तनीय (Non-Justiciable) लेकिन राज्य के लिए मार्गदर्शक", "संसद के लिए वैकल्पिक (Optional for Parliament)" ], "correct": 2, "explanation": "आयरलैंड की तरह भारतीय संविधान में भी नीति-निर्देशक तत्त्व न्यायालय में प्रवर्तनीय (Non-Justiciable) नहीं हैं, परंतु नीति निर्माण (Policy Making) में राज्य को मार्गदर्शित करते हैं।" }, { "question": "संविधान संशोधन की तीन श्रेणियाँ (Three Categories of Amendments) की प्रवृत्ति किन दो व्यवस्थाओं का मिश्रण है?", "options": [ "ब्रिटिश लचीला मॉडल + अमेरिकी कठोर मॉडल", "आयरिश + फ्रांसीसी मॉडल", "जर्मन + कनाडाई मॉडल", "ऑस्ट्रेलियाई + दक्षिण अफ्रीकी मॉडल" ], "correct": 0, "explanation": "भारत की संविधान संशोधन प्रक्रिया में ब्रिटिश लचीलापन और अमेरिकी कठोरता का मिश्रण दिखता है। कुछ संशोधन साधारण विधेयक की तरह होते हैं, कुछ विशेष बहुमत से, और कुछ में राज्यों की सहमति भी चाहिए।" }, { "question": "\"सामाजिक क्रांति (Social Revolution) की अवधारणा\" कौन-से विदेशी मॉडल या विचारधारा से प्रभावित है?", "options": [ "रूसी क्रांति (Russian Revolution)", "फ्रांसीसी क्रांति (French Revolution)", "चीनी क्रांति (Chinese Revolution)", "अमेरिकी क्रांति (American Revolution)" ], "correct": 1, "explanation": "भारतीय संविधान में \"सामाजिक क्रांति\" की भावना मुख्यतः फ्रांसीसी क्रांति के स्वतंत्रता, समता, बंधुत्व (Liberty, Equality, Fraternity) के आदर्शों से प्रेरित है।" }, { "question": "नागरिकों के लिए एकल नागरिकता (Single Citizenship) का प्रावधान भारतीय संविधान ने किस देश से अधिक प्रभावित होकर लिया?", "options": [ "अमेरिका (USA)", "ब्रिटेन (Britain)", "कनाडा (Canada)", "स्विट्ज़रलैंड (Switzerland)" ], "correct": 1, "explanation": "भारत में एकल नागरिकता का प्रावधान ब्रिटिश मॉडल से प्रेरित है, जहाँ पूरे ब्रिटेन (UK) में एक ही नागरिकता होती है, जबकि अमेरिकी मॉडल में संघीय और राज्य स्तर की दोहरी नागरिकता पाई जाती है।" }, { "question": "आमतौर पर यह माना जाता है कि \"प्रस्तावना (Preamble)\" को संविधान का \"आत्मा (Soul)\" कहा जाता है। यह विचार किस संविधान विशेषज्ञ के कथन से मिलता-जुलता है?", "options": [ "के. एम. मुंशी (K.M. Munshi)", "बी. एन. राव (B.N. Rau)", "नेल्सन वाई. चुट्ज़ (Nelson Y. Chutz)", "थॉमस पेन (Thomas Paine)" ], "correct": 0, "explanation": "के. एम. मुंशी सहित कई भारतीय संविधान विशेषज्ञों ने प्रस्तावना को संविधान की \"आत्मा\" कहा है, हालाँकि यह अधिकारिक न होकर व्याख्यात्मक (Interpretative) मान्यता है।" }, { "question": "भारतीय संविधान में प्रभावी केंद्र (Strong Centre) के साथ संघीय ढाँचा (Federal Structure) किस देश के संविधान से अधिक मेल खाता है?", "options": [ "अमेरिका", "कनाडा", "स्विट्ज़रलैंड", "रूस" ], "correct": 1, "explanation": "कनाडा में भी एक संघीय ढाँचा है, लेकिन केंद्र के पास अधिक शक्तियाँ हैं। इसी तर्ज पर भारतीय संविधान में भी केंद्र के पास आपातकालीन शक्तियाँ और व्यापक संघीय अधिकार दिए गए हैं।" }, { "question": "भारतीय संविधान में 'मंत्रिमंडल (Cabinet)' शब्द सीधे तौर पर किस देश के संविधान से लिया गया है?", "options": [ "ब्रिटेन (Britain)", "अमेरिका (USA)", "कनाडा (Canada)", "आयरलैंड (Ireland)" ], "correct": 0, "explanation": "ब्रिटिश संविधान में प्रधानमंत्री के नेतृत्व में मंत्रिमंडल की व्यवस्था है। भारतीय संविधान में भी मंत्रिपरिषद (Council of Ministers) और उसका छोटा समूह 'कैबिनेट (Cabinet)' ब्रिटिश परंपरा से ही प्रेरित है।" }, { "question": "अनुच्छेद 368 (Article 368) जो संविधान संशोधन से संबंधित है, उसका स्वरूप किस संवैधानिक मॉडल से मिश्रित माना जाता है?", "options": [ "अमेरिकी कठोरता + ब्रिटिश लचीलापन", "ब्रिटिश कठोरता + अमेरिकी लचीलापन", "अमेरिकी + फ्रांसीसी", "कोई विदेशी मॉडल नहीं" ], "correct": 0, "explanation": "अनुच्छेद 368 के तहत संविधान संशोधन की प्रक्रिया में अमेरिकी मॉडल की कठोरता (विशेष बहुमत, राज्यों की सहमति) और ब्रिटिश मॉडल की लचीलापन (साधारण कानून की भाँति) का मिला-जुला प्रभाव दिखता है।" }, { "question": "उप-महाद्वीपीय परिस्थिति के कारण भारतीय संविधान ने आपातकाल (Emergency) के तीन प्रकार किन-किन से प्रेरित होकर अपनाए?", "options": [ "केवल जर्मनी से", "केवल कनाडा से", "कई संविधानों से सामूहिक प्रेरणा", "कोई विदेशी प्रेरणा नहीं ली" ], "correct": 2, "explanation": "भारतीय संविधान ने राष्ट्रीय आपातकाल, राज्य में आपातकाल (President’s Rule) और वित्तीय आपातकाल (Financial Emergency) की व्यवस्थाएँ करते हुए अनेक देशों के अनुभवों का सामूहिक अध्ययन किया, मुख्यतः कनाडाई और जर्मन मॉडल से।" }, { "question": "भारत में लोकायुक्त (Lokayukta) और लोकपाल (Lokpal) जैसी संस्थाओं का विचार किस देश के 'ओम्बुड्समैन (Ombudsman)' मॉडल से प्रेरित है?", "options": [ "स्वीडन (Sweden)", "नॉर्वे (Norway)", "फिनलैंड (Finland)", "डेनमार्क (Denmark)" ], "correct": 0, "explanation": "ओम्बुड्समैन की संस्था सबसे पहले स्वीडन में विकसित हुई। भारत में लोकपाल और लोकायुक्त का विचार भी इसी मॉडल से प्रेरित है।" }, { "question": "भारतीय विधायिका में धन विधेयक (Money Bill) को केवल निचले सदन (Lok Sabha) से पेश करने का प्रावधान किस देश से लिया गया?", "options": [ "आयरलैंड", "कनाडा", "ब्रिटेन", "ऑस्ट्रेलिया" ], "correct": 2, "explanation": "ब्रिटेन में धन विधेयक (Money Bill) सिर्फ हाउस ऑफ कॉमन्स में पेश किया जा सकता है; भारत में भी यह प्रावधान लोकसभा के पक्ष में है।" }, { "question": "संविधान की भाषा सरल, विस्तृत और कानूनी (Legal) स्वरूप में होने की प्रेरणा भारतीय संविधान निर्माताओं को किन संविधानों से मिली?", "options": [ "केवल ब्रिटेन", "अमेरिका, ऑस्ट्रेलिया, कनाडा जैसे विस्तृत लिखित संविधानों से", "जापान और चीन", "कोई विदेशी प्रेरणा नहीं" ], "correct": 1, "explanation": "भारतीय संविधान निर्माताओं ने अमेरिका, ऑस्ट्रेलिया, कनाडा जैसे विस्तृत लिखित संविधानों का अध्ययन किया, जिनसे भाषा-शैली (Language Style) और कानूनी प्रारूप (Legal Format) अपनाए गए।" }, { "question": "धर्मनिरपेक्षता (Secularism) को स्पष्ट रूप से संविधान की प्रस्तावना में जोड़ने का काम किस संशोधन (Amendment) से हुआ?", "options": [ "24वाँ संशोधन", "42वाँ संशोधन", "44वाँ संशोधन", "52वाँ संशोधन" ], "correct": 1, "explanation": "42वाँ संशोधन (1976) के द्वारा संविधान की प्रस्तावना में 'धर्मनिरपेक्ष (Secular)' शब्द जोड़ा गया, हालाँकि इस सिद्धांत का व्यवहारिक पक्ष संविधान में पहले से ही मौजूद था।" }, { "question": "पंचायती राज (Panchayati Raj) प्रणाली की संवैधानिक मान्यता किस संशोधन (Amendment) के तहत हुई?", "options": [ "42वाँ संशोधन", "44वाँ संशोधन", "73वाँ संशोधन", "86वाँ संशोधन" ], "correct": 2, "explanation": "73वाँ संशोधन (1992) के माध्यम से पंचायती राज संस्थाओं को संवैधानिक दर्जा दिया गया। इसका प्रत्यक्ष विदेशी मॉडल नहीं था, लेकिन विकेंद्रीकरण (Decentralization) की अवधारणा कई देशों से प्रेरित थी।" }, { "question": "भारतीय संविधान की प्रस्तावना (Preamble) में लोकतंत्र (Democracy) के तत्व का प्रमुख प्रेरणा-स्रोत कौन माना जा सकता है?", "options": [ "अमेरिकी स्वतंत्रता घोषणा (American Declaration of Independence)", "ब्रिटिश मैग्ना कार्टा (Magna Carta)", "फ्रांसीसी क्रांति घोषणापत्र (Declaration of the Rights of Man)", "आयरिश संविधान प्रस्तावना" ], "correct": 0, "explanation": "भारतीय लोकतंत्र पर अमेरिकी स्वतंत्रता की घोषणा (1776) का बड़ा प्रभाव रहा है। हालाँकि फ्रांसीसी क्रांति का भी प्रभाव है, लेकिन 'लोकतंत्र' शब्द के व्यापक इस्तेमाल में अमेरिकी प्रभाव अधिक स्पष्ट है।" }, { "question": "भारतीय संविधान में संघीय न्यायालय (Federal Court) की स्थापना से पहले ही किस अधिनियम (Act) ने एक संघीय न्यायालय की नींव रखी?", "options": [ "भारत सरकार अधिनियम 1919", "भारत सरकार अधिनियम 1935", "चार्टर अधिनियम 1833", "भारतीय परिषद अधिनियम 1909" ], "correct": 1, "explanation": "भारत सरकार अधिनियम 1935 ने संघीय न्यायालय (Federal Court) की स्थापना का प्रावधान किया, जो बाद में संविधान लागू होने पर सुप्रीम कोर्ट में परिवर्तित हो गया।" }, { "question": "\"विधेयक से कानून (Bill to Law)\" की प्रक्रिया कहाँ से प्रेरित है?", "options": [ "ब्रिटिश संसद", "अमेरिकी कांग्रेस", "कनाडाई संसद", "आयरिश संसदीय प्रथा" ], "correct": 0, "explanation": "विधेयक से कानून बनने की विस्तृत संसदीय प्रक्रिया मूलतः ब्रिटिश संसद की विधायी परंपराओं से ली गई है, जिसमें बहस, संशोधन, तीन रीडिंग, आदि शामिल होते हैं।" }, { "question": "संविधान में विभाजित सूची व्यवस्था (Union List, State List, Concurrent List) पूर्णतः भारतीय नवाचार (Innovation) है, या कहीं से प्रेरित?", "options": [ "केवल भारतीय नवाचार", "कनाडा और ऑस्ट्रेलिया से प्रेरित", "अमेरिका से प्रेरित", "किसी भी मॉडल से प्रेरित नहीं" ], "correct": 1, "explanation": "सूची व्यवस्था (तीन सूचियाँ) कनाडा और ऑस्ट्रेलिया जैसे संघीय देशों से प्रेरित है, हालाँकि इसे भारत की आवश्यकताओं के अनुरूप ढाला गया है।" }, { "question": "संविधान के अंतिम ड्राफ्ट में यूनियन (Union) शब्द का उपयोग क्यों किया गया? यह किस संविधान की शैली से प्रभावित है?", "options": [ "अमेरिकी संविधान के 'States' जैसा प्रयोग", "कनाडाई संविधान, जहाँ 'Union' शब्द का उपयोग होता है", "फ्रांसीसी संविधान से लिया गया", "बिल्कुल मौलिक (Original) विचार" ], "correct": 1, "explanation": "कनाडाई संविधान में 'Union' शब्द का उपयोग संघीय ढाँचे के लिए किया गया है। भारतीय संविधान में भी 'Union of States' कहकर इसी शैली को अपनाया गया।" }, { "question": "भारतीय संविधान के अनुच्छेद 32, जो मौलिक अधिकारों (Fundamental Rights) के संरक्षण के लिए सर्वोच्च न्यायालय को विशेष अधिकार देता है, किसका प्रतिरूप (Prototype) माना जा सकता है?", "options": [ "अमेरिकी संविधान का बिल ऑफ राइट्स", "ब्रिटेन का मैग्ना कार्टा", "कनाडाई चार्टर ऑफ राइट्स", "फ्रांसीसी मानवाधिकार घोषणा" ], "correct": 0, "explanation": "अनुच्छेद 32, जिसे \"संविधान का हृदय और आत्मा (Heart and Soul)\" भी कहा जाता है, अमेरिकी बिल ऑफ राइट्स के न्यायिक संरक्षण (Judicial Protection) की अवधारणा से मिलता-जुलता है।" }, { "question": "भारतीय संविधान में 'एकल नागरिकता (Single Citizenship)' का प्रावधान किस प्रकार के संघीय ढाँचे की विशेषता है?", "options": [ "कनाडाई मॉडल", "अमेरिकी मॉडल", "ब्रिटिश यूनिटरी मॉडल", "स्विस मॉडल" ], "correct": 2, "explanation": "हालाँकि भारत संघीय ढाँचा रखता है, लेकिन एकल नागरिकता (Single Citizenship) का प्रावधान ब्रिटिश यूनिटरी मॉडल से प्रेरित है, जहाँ पूरे देश में एक ही प्रकार की नागरिकता होती है।" }, { "question": "भारतीय संविधान में 'विधान परिषद (Legislative Council)' का प्रावधान किस देश के द्विसदनीय प्रांतीय विधानमंडल से मिलता-जुलता है?", "options": [ "कनाडा", "ऑस्ट्रेलिया", "अमेरिका", "ब्रिटेन" ], "correct": 1, "explanation": "ऑस्ट्रेलिया के कुछ राज्यों में द्विसदनीय प्रांतीय व्यवस्थाएँ हैं। भारत के कुछ राज्यों में विधान परिषद बनाई गई है, जो इस मॉडल के अनुरूप है, यद्यपि इसकी जड़ें ब्रिटिश परंपरा में भी हैं।" }, { "question": "भारतीय संविधान में राज्य नीति के निदेशक तत्त्वों (DPSP) को लागू न किए जाने पर न्यायालय में चुनौती (Challenge) दी जा सकती है या नहीं?", "options": [ "हां, इन्हें लागू न करने पर न्यायालय में चुनौती संभव है", "नहीं, ये गैर-न्यायिक (Non-Justiciable) हैं", "केवल राष्ट्रपति को चुनौती दे सकते हैं", "केवल उच्च न्यायालय में चुनौती संभव है" ], "correct": 1, "explanation": "DPSP (आयरलैंड से प्रेरित) गैर-न्यायिक (Non-Justiciable) हैं, इसलिए इन्हें लागू न करने पर न्यायालय में चुनौती नहीं दी जा सकती। ये केवल राज्य के मार्गदर्शक सिद्धांत हैं।" }, { "question": "भारतीय संविधान के उपबंध कि \"प्रधानमंत्री एवं मंत्रिपरिषद लोकसभा के प्रति सामूहिक रूप से उत्तरदायी (Collectively Responsible) हैं,\" किस संविधान के संसदीय मॉडल से लिया गया?", "options": [ "ब्रिटेन", "अमेरिका", "कनाडा", "आयरलैंड" ], "correct": 0, "explanation": "संसदीय लोकतंत्र में मंत्रिपरिषद की सामूहिक उत्तरदायित्व (Collective Responsibility) का सिद्धांत ब्रिटिश संसदीय प्रणाली का मूलभूत लक्षण है, जिसे भारतीय संविधान ने अपनाया है।" }, { "question": "भारतीय संविधान के \"निरपेक्ष संप्रभुता (Absolute Sovereignty)\" की कल्पना किस क्रांतिकारी विचार से सबसे अधिक प्रेरित कही जा सकती है?", "options": [ "रूसी क्रांति से", "अमेरिकी स्वतंत्रता की घोषणा से", "फ्रांसीसी क्रांति के आदर्शों से", "चीनी क्रांति से" ], "correct": 2, "explanation": "निरपेक्ष संप्रभुता की आधुनिक अवधारणा फ्रांसीसी क्रांति के कालखंड से प्रेरित है, जहाँ राज्य की सम्प्रभुता जनता में निहित मानी गई, जो प्रस्तावना के \"We the People\" में भी झलकती है।" }, { "question": "किस विदेशी मॉडल ने भारतीय संविधान को प्रेरित किया कि वह संविधान को एक \"लिखित दस्तावेज\" के रूप में संजोकर रखे?", "options": [ "ब्रिटेन का अलिखित संविधान", "अमेरिकी लिखित संविधान", "फ्रांसीसी मिश्रित मॉडल", "आयरिश लघु संविधान" ], "correct": 1, "explanation": "भारत ने अमेरिका जैसे देशों से प्रेरणा लेकर एक विस्तृत लिखित संविधान का निर्माण किया, जबकि ब्रिटेन का संविधान मुख्यतः अलिखित (Unwritten) परंपराओं पर आधारित है।" }, { "question": "भारतीय राष्ट्रपति की भूमिका किंचित केवल नाममात्र (Nominal) है और वास्तविक कार्यकारी शक्तियाँ प्रधानमंत्री और मंत्रिपरिषद के पास होती हैं। यह मॉडल किस देश से लिया गया है?", "options": [ "अमेरिका", "ब्रिटेन", "फ्रांस", "रूस" ], "correct": 1, "explanation": "ब्रिटेन में राजा या रानी (Monarch) का पद नाममात्र का होता है, जबकि असली सत्ता प्रधानमंत्री और उनकी कैबिनेट के पास होती है। इसी मॉडल से भारत ने यह प्रणाली अपनाई।" }, { "question": "भारतीय संविधान अपनाने से पूर्व, किसने कहा था कि 'यह संविधान दुनिया के सभी संविधानों का मिश्रण (Bag of Borrowings) है'?", "options": [ "डॉ. बी. आर. आंबेडकर", "पंडित नेहरू", "सर आइवर जेनिंग्स (Sir Ivor Jennings)", "लॉर्ड माउंटबेटन" ], "correct": 2, "explanation": "ब्रिटिश संवैधानिक विशेषज्ञ सर आइवर जेनिंग्स ने भारतीय संविधान को 'सब जगह से उधार लिया हुआ' (Bag of Borrowings) कहा था, क्योंकि इसमें कई देशों के संविधानों के प्रावधान मिश्रित थे।" } // 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 -->