<!-- 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": "भारतीय अर्थव्यवस्था में प्राथमिक (Primary) क्षेत्र से क्या आशय है?", "options": [ "औद्योगिक उत्पादन पर आधारित गतिविधियाँ", "कृषि, पशुपालन, मत्स्यपालन, वानिकी जैसे प्राकृतिक संसाधनों पर आधारित गतिविधियाँ", "सॉफ्टवेयर और सेवा आधारित गतिविधियाँ", "शिक्षा और स्वास्थ्य संबंधी गतिविधियाँ" ], "correct": 1, "explanation": "प्राथमिक क्षेत्र में वे गतिविधियाँ आती हैं जो प्रत्यक्ष रूप से प्राकृतिक संसाधनों के दोहन से जुड़ी होती हैं, जैसे कृषि, मत्स्यपालन, वानिकी आदि।" }, { "question": "अर्थव्यवस्था को प्रधानतया कितने क्षेत्रों में बाँटा जाता है?", "options": [ "दो: ग्रामीण और शहरी", "तीन: प्राथमिक, द्वितीयक और तृतीयक", "चार: उत्पादक, वितरक, उपभोक्ता, निवेशक", "कोई निश्चित संख्या नहीं" ], "correct": 1, "explanation": "अर्थव्यवस्था को अक्सर तीन प्रमुख क्षेत्रों में विभाजित किया जाता है: प्राथमिक (कृषि आधारित), द्वितीयक (उद्योग आधारित) और तृतीयक (सेवा आधारित) क्षेत्र।" }, { "question": "तृतीयक (Tertiary) क्षेत्र में किस प्रकार की गतिविधियाँ शामिल होती हैं?", "options": [ "कृषि और वन-उत्पाद", "खनन और भंडारण", "सेवा आधारित गतिविधियाँ, जैसे बैंकिंग, बीमा, परिवहन, शिक्षा, स्वास्थ्य", "उद्योगों में माल का उत्पादन" ], "correct": 2, "explanation": "तृतीयक क्षेत्र में सेवाएँ शामिल हैं, जैसे बैंकिंग, बीमा, परिवहन, शिक्षा, होटल, पर्यटन, आईटी सेवाएँ आदि।" }, { "question": "द्वितीयक (Secondary) क्षेत्र किस पर आधारित है?", "options": [ "सेवा प्रदान करना", "कृषि के विस्तार", "उत्पादन और निर्माण (मैन्युफैक्चरिंग) गतिविधियाँ", "केवल निर्यात" ], "correct": 2, "explanation": "द्वितीयक क्षेत्र में विनिर्माण (मैन्युफैक्चरिंग), निर्माण, ऊर्जा उत्पादन, प्रसंस्करण जैसे उद्योग आते हैं, जो प्राथमिक क्षेत्र के कच्चे माल को परिष्कृत कर तैयार माल बनाते हैं।" }, { "question": "कौन-सा उदाहरण प्राथमिक क्षेत्र (Primary Sector) का नहीं है?", "options": [ "कृषि (Farming)", "खनन (Mining)", "मछली पकड़ना (Fishing)", "इलेक्ट्रॉनिक्स का उत्पादन" ], "correct": 3, "explanation": "इलेक्ट्रॉनिक्स का उत्पादन एक द्वितीयक (विनिर्माण) क्षेत्र की गतिविधि है, क्योंकि इसमें कच्चे माल को प्रसंस्कृत करके तैयार माल बनाया जाता है।" }, { "question": "कौन-सा कथन सही है? “तृतीयक क्षेत्र...“", "options": [ "मूलतः कृषि उत्पादों को सीधे बेचता है", "उद्योगों को आवश्यक कच्चा माल उपलब्ध कराता है", "उपभोक्ताओं और उद्यमों को सेवाएँ प्रदान करता है", "विनिर्माण गतिविधि करता है" ], "correct": 2, "explanation": "तृतीयक क्षेत्र सेवाओं का क्षेत्र है जो उपभोक्ताओं और उत्पादक दोनों को आवश्यक सेवा उपलब्ध कराता है।" }, { "question": "‘चौथी’ या ‘चतुर्थक क्षेत्र (Quaternary Sector)’ को किससे जोड़ा जाता है?", "options": [ "घरेलू सेवा", "सूचना प्रौद्योगिकी, शोध, ज्ञान आधारित सेवाएँ", "केवल हथकरघा", "सार्वजनिक परिवहन" ], "correct": 1, "explanation": "Quaternary Sector में ज्ञान आधारित सेवाएँ, सूचना प्रौद्योगिकी, शोध एवं विकास जैसी उच्चस्तरीय सेवाएँ सम्मिलित होती हैं।" }, { "question": "अर्थव्यवस्था के प्रकारों की बात करें, तो पूर्णतया सरकार द्वारा नियंत्रित व्यवस्था किस श्रेणी में आती है?", "options": [ "पूँजीवादी अर्थव्यवस्था (Capitalist Economy)", "समाजवादी अर्थव्यवस्था (Socialist Economy)", "मिश्रित अर्थव्यवस्था (Mixed Economy)", "पारंपरिक अर्थव्यवस्था (Traditional Economy)" ], "correct": 1, "explanation": "समाजवादी अर्थव्यवस्था में उत्पादन के साधनों पर राज्य का स्वामित्व होता है, और अधिकांश आर्थिक निर्णय सरकार ही लेती है।" }, { "question": "पूँजीवादी अर्थव्यवस्था (Capitalist Economy) की प्रमुख विशेषता क्या है?", "options": [ "समस्त उत्पादन के साधन सरकार के अधीन", "मूल रूप से निजी स्वामित्व और लाभ (Profit Motive) पर आधारित", "मिश्रित नियंत्रण", "पूरी अर्थव्यवस्था व्यक्तिगत उपयोग और विनिमय से मुक्त" ], "correct": 1, "explanation": "पूँजीवादी अर्थव्यवस्था में निजी क्षेत्र का नियंत्रण अधिक होता है, व्यक्ति और निजी कंपनियाँ उत्पादन के साधनों का स्वामित्व रखती हैं, तथा मुनाफे का प्रेरक महत्त्वपूर्ण होता है।" }, { "question": "मिश्रित अर्थव्यवस्था (Mixed Economy) का अर्थ क्या है?", "options": [ "केवल निजी क्षेत्र", "केवल सार्वजनिक क्षेत्र", "निजी और सार्वजनिक क्षेत्र दोनों का सम्मिलित योगदान", "कोई भी आर्थिक गतिविधि नहीं" ], "correct": 2, "explanation": "मिश्रित अर्थव्यवस्था में निजी और सार्वजनिक क्षेत्र दोनों ही उत्पादन गतिविधियों और सेवाओं में भूमिका निभाते हैं। भारत इसी मॉडल का अनुसरण करता है।" }, { "question": "भारत की अर्थव्यवस्था का प्रकार किस श्रेणी में आता है?", "options": [ "पूँजीवादी", "समाजवादी", "मिश्रित (Mixed) अर्थव्यवस्था", "पूरी तरह नियोजित आर्थिक प्रणाली" ], "correct": 2, "explanation": "भारत आधिकारिक रूप से एक मिश्रित अर्थव्यवस्था है, जहाँ निजी एवं सरकारी दोनों क्षेत्रों का विकास साथ-साथ होता है।" }, { "question": "विशेष प्रकार की अर्थव्यवस्था में ‘सामुदायिक अर्थव्यवस्था (Community Economy)’ किसे दर्शाती है?", "options": [ "सभी संसाधन व्यक्तियों के पास हों", "सभी संसाधन समाज द्वारा साझा (Communal) रूप में उपयोग किया जाए", "निर्यात आधारित अर्थव्यवस्था", "राजनीतिक दलों द्वारा नियोजित" ], "correct": 1, "explanation": "सामुदायिक अर्थव्यवस्था में संपत्ति के निजी अधिकार सीमित होते हैं और समाज के साझा हितों के लिए संसाधनों का उपयोग किया जाता है।" }, { "question": "‘ग्रीन इकोनॉमी (Green Economy)’ का मुख्य जोर किस पर होता है?", "options": [ "केवल कृषि", "उच्च प्रदूषण", "टिकाऊ (Sustainable) विकास, पर्यावरण संरक्षण और हरित प्रौद्योगिकी", "केवल जीवाश्म ईंधन का उपयोग" ], "correct": 2, "explanation": "ग्रीन इकोनॉमी में पर्यावरण-सुरक्षा, नवीकरणीय ऊर्जा और कार्बन फुटप्रिंट घटाने पर जोर दिया जाता है।" }, { "question": "भारतीय अर्थव्यवस्था की एक प्रमुख विशेषता क्या है?", "options": [ "कृषि क्षेत्र का महत्त्वपूर्ण योगदान और तेजी से विकासशील सेवा क्षेत्र", "केवल सेवा क्षेत्र", "पूरी तरह आयात पर निर्भर", "100% सरकारी स्वामित्व" ], "correct": 0, "explanation": "भारतीय अर्थव्यवस्था में अभी भी कृषि क्षेत्र में बड़ी जनसंख्या निर्भर है, वहीं सेवा क्षेत्र जीडीपी में सबसे बड़ा योगदान देता है, और विनिर्माण क्षेत्र भी बढ़ रहा है।" }, { "question": "भारतीय अर्थव्यवस्था में सेवा क्षेत्र का GDP में योगदान लगभग कितना प्रतिशत है (हाल के रुझानों के अनुसार)?", "options": [ "करीब 25%", "करीब 50% से अधिक", "करीब 10%", "कोई निश्चित आँकड़ा नहीं" ], "correct": 1, "explanation": "भारतीय अर्थव्यवस्था में सेवा क्षेत्र का योगदान 50% से भी अधिक है, जो आर्थिक विकास में सबसे बड़ा हिस्सा रखता है।" }, { "question": "भारतीय अर्थव्यवस्था के किस क्षेत्र में सर्वाधिक श्रमशक्ति (Workforce) नियोजित है?", "options": [ "कृषि (प्राथमिक) क्षेत्र", "उद्योग (द्वितीयक) क्षेत्र", "सेवा (तृतीयक) क्षेत्र", "सरकारी क्षेत्र" ], "correct": 0, "explanation": "भारत में आज भी कृषि और उससे जुड़े क्षेत्रों में सर्वाधिक जनसंख्या नियोजित है, हालाँकि इसका GDP में हिस्सा तुलनात्मक रूप से कम है।" }, { "question": "भारतीय अर्थव्यवस्था का एक सकारात्मक पहलू कौन-सा है?", "options": [ "बहुत कम विदेशी मुद्रा भंडार", "उच्च जनसंख्या परंतुद कम श्रम शक्ति", "विविधता और बड़ा बाज़ार, युवा जनसंख्या, सेवा क्षेत्र में मजबूती", "निर्यात क्षमता का अभाव" ], "correct": 2, "explanation": "भारतीय अर्थव्यवस्था की विविधता, विशाल घरेलू बाज़ार, युवा आबादी, IT-सेवा क्षेत्र में मजबूती आदि सकारात्मक पहलू हैं।" }, { "question": "भारत में आर्थिक सुधार (Economic Reforms) की शुरुआत किस वर्ष सबसे ज़्यादा देखने को मिली?", "options": [ "1980", "1991", "1975", "2000" ], "correct": 1, "explanation": "1991 में उदारीकरण (Liberalization), निजीकरण (Privatization) और वैश्वीकरण (Globalization) की नीतियाँ शुरू हुईं, जिन्हें आर्थिक सुधार कहा जाता है।" }, { "question": "भारतीय अर्थव्यवस्था की एक चुनौती क्या है?", "options": [ "ऊँची साक्षरता दर", "उच्च आय वर्ग की कमी", "असंगठित क्षेत्र में बड़ी जनसंख्या का कार्यरत होना और बेरोजगारी", "सकल घरेलू उत्पाद (GDP) की वृहत वृद्धि" ], "correct": 2, "explanation": "भारत में बड़ी आबादी असंगठित क्षेत्र पर निर्भर है, अस्थिर नौकरियाँ और बेरोजगारी भी बड़ी चुनौतियाँ हैं।" }, { "question": "भारतीय अर्थव्यवस्था का एक महत्वपूर्ण सकारात्मक पक्ष कौन-सा है?", "options": [ "निरंतर निम्न बचत दर", "उच्च कृषि निर्भरता का अभाव", "प्रतिस्पर्धी IT और सेवा क्षेत्र, स्टार्टअप संस्कृति का उदय", "कोई स्टार्टअप नहीं" ], "correct": 2, "explanation": "IT-सेवा क्षेत्र में भारत की वैश्विक पहचान, स्टार्टअप्स का तेजी से उभरना तथा उद्यमिता का प्रसार भारतीय अर्थव्यवस्था का एक मजबूत पक्ष है।" }, { "question": "भारतीय अर्थव्यवस्था में ‘मंदी (Recession)’ आने की एक आशंका कब बढ़ती है?", "options": [ "जब विदेशी निवेश अत्यधिक बढ़ जाए", "जब GDP वृद्धि नकारात्मक होने लगती है या बहुत कम हो जाए", "जब सरकारी खर्च बढ़ता हो", "किसी भी स्थिति में" ], "correct": 1, "explanation": "मंदी की पहचान तब होती है जब लगातार दो तिमाही (Quarters) GDP वृद्धि दर नकारात्मक या बहुत कम हो, आर्थिक गतिविधियाँ धीमी पड़ जाती हैं।" }, { "question": "भारतीय अर्थव्यवस्था के समक्ष एक बड़ी चुनौती है—", "options": [ "तेजी से उभरती सेवा क्षेत्र", "संतुलित क्षेत्रीय विकास का अभाव और बढ़ती असमानता", "निरंतर ऊँची निर्यात दर", "लाखों विदेशियों का आगमन" ], "correct": 1, "explanation": "भारत में क्षेत्रीय असंतुलन, ग्रामीण-शहरी विभाजन, अमीर-गरीब के बीच बढ़ती खाई जैसी चुनौतियाँ बनी हुई हैं।" }, { "question": "किसी अर्थव्यवस्था में अधिकांश लोग जब प्राथमिक क्षेत्र से तृतीयक क्षेत्र की ओर जाते हैं, तो उसे किस रूप में देखा जाता है?", "options": [ "संकट", "विकास का चरण (Structural Transformation)", "पूँजीगत मंदी", "राष्ट्रीयकरण" ], "correct": 1, "explanation": "जैसे-जैसे अर्थव्यवस्था विकसित होती है, श्रम शक्ति प्राथमिक क्षेत्र से द्वितीयक और तृतीयक क्षेत्र की ओर स्थानांतरित होती है, इसे संरचनात्मक परिवर्तन कहते हैं।" }, { "question": "विदेशी प्रत्यक्ष निवेश (FDI) भारतीय अर्थव्यवस्था के लिए क्यों महत्त्वपूर्ण है?", "options": [ "आमदनी कम करने के लिए", "विदेशी मुद्रा भंडार घटाने के लिए", "पूँजी प्रवाह, प्रौद्योगिकी हस्तांतरण और रोजगार सृजन में मदद मिलती है", "चीन के सामान का प्रचार" ], "correct": 2, "explanation": "FDI से नए निवेश आते हैं, टेक्नोलॉजी ट्रांसफर होता है, जिससे वृद्धि और रोजगार को बढ़ावा मिलता है।" }, { "question": "भारतीय अर्थव्यवस्था में ‘बचत दर (Saving Rate)’ का उच्च होना किस प्रकार सहायक है?", "options": [ "निवेश के लिए अधिक पूँजी उपलब्ध होती है", "खपत बढ़ती है", "विदेशी क़र्ज़ पर निर्भरता बढ़ती है", "रुपया अवमूल्यन की ओर जाता है" ], "correct": 0, "explanation": "जब घरेलू बचत अधिक होती है, तो निवेश के लिए पूँजी की उपलब्धता बढ़ती है, जिससे विकास को गति मिलती है।" }, { "question": "मध्यम आय का जाल (Middle Income Trap) से बचने के लिए भारतीय अर्थव्यवस्था को क्या करना चाहिए?", "options": [ "केवल प्राथमिक क्षेत्र पर निर्भर", "ऊँची लागत पर उत्पादन", "उच्च मूल्यवर्द्धित क्षेत्रों (High Value-Added Sectors) में जाना और कौशल विकास", "विनिर्माण को बंद करना" ], "correct": 2, "explanation": "मध्यम आय का जाल तब होता है जब एक अर्थव्यवस्था कम लागत वाले श्रम से आगे नहीं बढ़ पाती। इससे निकलने के लिए उच्च मूल्यवर्धित सेक्टर, इनोवेशन और कौशल विकास जरूरी है।" }, { "question": "भारत में असंगठित क्षेत्र का मतलब क्या है?", "options": [ "सरकारी मान्यता प्राप्त सभी कंपनियाँ", "बिना पंजीकरण, नियमन और सामाजिक सुरक्षा के छोटे उद्यम, कृषि मजदूर, घरेलू कामगार इत्यादि", "केवल सरकारी क्षेत्र", "बहुराष्ट्रीय कंपनियाँ" ], "correct": 1, "explanation": "असंगठित क्षेत्र वे रोजगार या व्यवसाय हैं जिनमें विधिवत पंजीकरण नहीं, सामाजिक सुरक्षा का अभाव, और नियम-कानूनों का सीमित पालन होता है, जैसे छोटे दुकानदार, दिहाड़ी मजदूर, खेतिहर मजदूर आदि।" }, { "question": "भारत जैसे देश में उच्च जनसंख्या लाभकारी भी हो सकती है, जब—", "options": [ "अधिकांश जनसंख्या वृद्ध हो", "जनसांख्यिकीय लाभांश (Demographic Dividend) को शिक्षा-प्रशिक्षण से उत्पादक बनाया जाए", "श्रमिकों पर कम निवेश हो", "कार्यशक्ति में महिलाएँ न हों" ], "correct": 1, "explanation": "यदि युवा आबादी को कौशल, शिक्षा व रोजगार के अवसर दिए जाएँ, तो जनसांख्यिकीय लाभांश के रूप में उच्च विकास दर हासिल की जा सकती है।" }, { "question": "भारतीय अर्थव्यवस्था में ‘ग्लोबल वैल्यू चेन (Global Value Chain)’ का हिस्सा बनना क्यों महत्त्वपूर्ण है?", "options": [ "उत्पादन लागत बढ़ाना", "केवल घरेलू बाज़ार", "निर्यात बढ़ाने, आधुनिक तकनीक से जुड़ने और प्रतिस्पर्धा बढ़ाने के लिए", "विदेशी बाज़ार बंद रखना" ], "correct": 2, "explanation": "ग्लोबल वैल्यू चेन का हिस्सा बनने से देश की निर्यात क्षमता बढ़ती है, तकनीकी साझेदारी होती है और वैश्विक प्रतिस्पर्धा में सुधार होता है।" }, { "question": "यदि किसी अर्थव्यवस्था में सरकार, निजी क्षेत्र पर भारी प्रतिबंध लगाए और अधिकांश संसाधन राज्य के स्वामित्व में हों, तो यह कैसा आर्थिक मॉडल है?", "options": [ "पूँजीवादी", "समाजवादी (Socialist)", "मिश्रित", "उदारवादी" ], "correct": 1, "explanation": "समाजवादी मॉडल में अधिकांश संसाधनों पर राज्य का स्वामित्व होता है, और निजी क्षेत्र पर कड़े प्रतिबंध हो सकते हैं।" }, { "question": "भारतीय अर्थव्यवस्था में कृषि का GDP में योगदान कम होते हुए भी, इसका महत्त्व क्यों बना हुआ है?", "options": [ "क्योंकि उद्योग पर प्रतिबंध", "यह आज भी सबसे अधिक रोजगार देता है और खाद्य सुरक्षा सुनिश्चित करता है", "सेवाओं से ज्यादा आय लाता है", "चुनाव आयोग की वजह से" ], "correct": 1, "explanation": "भारतीय आबादी का बड़ा हिस्सा कृषि पर निर्भर है, साथ ही यह खाद्य सुरक्षा और ग्रामीण अर्थव्यवस्था का आधार है, इसलिए इसका महत्त्व बना हुआ है।" }, { "question": "भारतीय अर्थव्यवस्था की चुनौतियों में शामिल नहीं है—", "options": [ "असमानता और गरीबी", "बेरोजगारी और कौशल का अभाव", "जलवायु परिवर्तन का प्रभाव", "IT सेवा क्षेत्र का विस्तार" ], "correct": 3, "explanation": "IT सेवा क्षेत्र का विस्तार भारत के लिए एक सकारात्मक पहलू है, न कि चुनौती। बाकी विकल्प प्रमुख चुनौतियाँ हैं।" }, { "question": "भारत में बढ़ती सेवा क्षेत्र की प्रवृत्ति को किस रूप में देखा जा सकता है?", "options": [ "निश्चित रूप से नकारात्मक", "विकास का सामान्य चरण, जहाँ कृषि/उद्योग से सेवा की तरफ श्रमिक शिफ्ट होते हैं", "पुरानी अर्थव्यवस्था", "केवल मनरेगा का परिणाम" ], "correct": 1, "explanation": "जैसे-जैसे अर्थव्यवस्था विकसित होती है, लोग अधिक मूल्यवर्द्धित सेवा क्षेत्र की ओर जाते हैं, यह एक आम संरचनात्मक बदलाव माना जाता है।" }, { "question": "भारतीय अर्थव्यवस्था की एक बड़ी चिंता ‘सरकारी राजस्व का सीमित होना’ क्यों होती है?", "options": [ "करों का अनुपालन (Tax Compliance) अपेक्षाकृत कम", "सरकार को खर्च नहीं करना", "विदेशी अनुदान नहीं मिलना", "राजकोषीय घाटा नहीं बढ़ता" ], "correct": 0, "explanation": "भारत में कर-दाताओं का अनुपात अब भी कम है, बड़े हिस्से का असंगठित क्षेत्र में होना, कर चोरी आदि से सरकारी राजस्व सीमित होता है।" }, { "question": "भारतीय अर्थव्यवस्था में ‘सकल घरेलू उत्पाद (GDP)’ सबसे ज्यादा बढ़ाने में कौन-सा क्षेत्र हाल के वर्षों में अग्रणी रहा है?", "options": [ "कृषि", "मैन्युफैक्चरिंग", "सेवाएँ (सर्विस सेक्टर)", "खनन" ], "correct": 2, "explanation": "सेवा क्षेत्र (IT, वित्त, बीमा, रियल एस्टेट, टेलीकॉम आदि) जीडीपी में सबसे अधिक योगदान दे रहा है और इसकी वृद्धि दर भी अधिक रही है।" }, { "question": "भारतीय अर्थव्यवस्था में आधुनिकता लाने के लिए सरकार द्वारा कौन-सी पहल उपयुक्त नहीं है?", "options": [ "‘मेक इन इंडिया’ अभियान", "‘डिजिटल इंडिया’ अभियान", "‘स्किल इंडिया’ अभियान", "केवल आयात पर निर्भरता बढ़ाना" ], "correct": 3, "explanation": "आयात पर निर्भरता बढ़ाने से स्वदेशी उत्पादन और आत्मनिर्भरता कम होगी, जो आधुनिककरण का द्योतक नहीं है; बाकी पहल रोजगार व उन्नति के लिए उपयुक्त हैं।" }, { "question": "भारतीय अर्थव्यवस्था की सकारात्मक प्रवृत्ति में किसे गिना जा सकता है?", "options": [ "जीडीपी में नकारात्मक वृद्धि", "कम विदेशी मुद्रा भंडार", "उच्च युवा जनसंख्या (Demographic Dividend) एवं स्टार्टअप कल्चर का विकास", "केवल ग्रामीण क्षेत्र की गिरावट" ], "correct": 2, "explanation": "भारत की जनसंख्या में युवा वर्ग की बड़ी हिस्सेदारी (Demographic Dividend) है और स्टार्टअप इकोसिस्टम का विकास एक सकारात्मक प्रवृत्ति है।" }, { "question": "‘यूरबन अनएम्प्लॉयमेंट’ (Urban Unemployment) भारतीय अर्थव्यवस्था की कौन-सी चुनौती से संबंधित है?", "options": [ "ग्रामीण क्षेत्रों में बेरोजगारी", "शहरी युवाओं में कौशल mismatch, संगठित नौकरियों की कमी", "केवल कृषि आय पर टैक्स", "बैंकिंग क्षेत्र" ], "correct": 1, "explanation": "शहरी बेरोजगारी अक्सर कौशल की कमी, स्वचालन (Automation), पर्याप्त संगठित नौकरियों का अभाव और तेज़ी से बढ़ती शहरों की जनसंख्या से जुड़ी होती है।" }, { "question": "मिश्रित अर्थव्यवस्था के अंतर्गत भारतीय अर्थव्यवस्था ने सार्वजनिक क्षेत्र (PSU) को आरंभिक दशकों में क्यों बढ़ावा दिया?", "options": [ "निजी क्षेत्र था ही नहीं", "शुरुआती चरण में भारी उद्योग, आधारभूत ढाँचा इत्यादि में पूँजी निवेश के लिए सरकारी नेतृत्व", "केवल रक्षा खर्च बढ़ाना", "ब्रिटिश उपनिवेश के कारण" ], "correct": 1, "explanation": "स्वतंत्रता पश्चात भारी उद्योगों, स्टील प्लांट, इंफ्रास्ट्रक्चर, ऊर्जा जैसे क्षेत्रों में निजी पूँजी अल्प थी, इसलिए सरकार ने सार्वजनिक क्षेत्र के माध्यम से नेतृत्व किया।" }, { "question": "अर्थव्यवस्था के क्षेत्रों का वर्गीकरण करने का एक उद्देश्य क्या होता है?", "options": [ "आश्वस्त होना कि सरकार को टैक्स न देना पड़े", "श्रम शक्ति और उत्पादन की संरचना को समझना", "केवल रोजगार खोजना", "कोई उद्देश्य नहीं, सिर्फ अकादमिक" ], "correct": 1, "explanation": "प्राथमिक, द्वितीयक और तृतीयक वर्गीकरण से पता चलता है कि GDP और रोजगार में किस क्षेत्र का योगदान कितना है, जिससे नीति-निर्माण में मदद मिलती है।" }, { "question": "भारत के दृष्टिकोण से कृषि क्षेत्र में उत्पादकता बढ़ाने की जरूरत क्यों है?", "options": [ "अधिकांश लोग इससे जुड़े हैं, लेकिन उत्पादकता कम है", "इससे रोजगार घटेगा", "कृषि का GDP में हिस्सा शून्य है", "कोई आवश्यकता नहीं" ], "correct": 0, "explanation": "कृषि से जुड़े लोगों की संख्या बहुत अधिक है, परंतु उत्पादन और उत्पादकता अपेक्षाकृत कम हैं। इसे बढ़ाकर ग्रामीण आय और खाद्य सुरक्षा सुधारी जा सकती है।" }, { "question": "भारत में आर्थिक सुधारों के बाद विनिर्माण (मैन्युफैक्चरिंग) क्षेत्र की अपेक्षाकृत कम वृद्धि एक चुनौती क्यों है?", "options": [ "उद्योग नहीं चाहिए", "विनिर्माण में रोजगार सृजन की बड़ी क्षमता है, जो पर्याप्त रूप से प्रोत्साहित नहीं हुआ", "सेवा क्षेत्र को नुकसान होता है", "मुद्रा अवमूल्यन हो जाएगा" ], "correct": 1, "explanation": "मैन्युफैक्चरिंग क्षेत्र में बड़े पैमाने पर रोजगार पैदा होने की क्षमता होती है। अगर यह क्षेत्र धीमा रहे, तो रोजगार के अवसर सीमित हो जाते हैं।" }, { "question": "भारतीय अर्थव्यवस्था की सकारात्मक पहल है कि—", "options": [ "विविध जलवायु और कृषि योग्य भूमि उपलब्ध, विशाल घरेलू बाज़ार", "सभी कच्चे माल आयात करने पर निर्भर", "दुनिया से कटा हुआ", "निर्यात पर पूर्ण प्रतिबंध" ], "correct": 0, "explanation": "भारत भौगोलिक विविधता वाला देश है, जिसके पास कृषि योग्य भूमि है और घरेलू बाज़ार भी विशाल है। ये उसके लिए सकारात्मक पहलू हैं।" }, { "question": "एक बड़ी समस्या ‘डिजिटल डिवाइड’ आर्थिक विकास में बाधा क्यों बनती है?", "options": [ "क्योंकि सभी के पास कंप्यूटर आ जाता है", "ग्रामीण और वंचित समुदाय इंटरनेट और डिजिटल सेवाओं से वंचित रह जाते हैं", "शहरों में रोजगार कम होता है", "निर्यात बंद हो जाता है" ], "correct": 1, "explanation": "डिजिटल डिवाइड का अर्थ है कि कुछ लोगों को डिजिटल सेवाओं तक पहुँच है, जबकि बाकियों को नहीं। इससे असमानता बढ़ती है और विकास के अवसरों का लाभ सभी तक नहीं पहुँच पाता।" }, { "question": "‘सतत विकास (Sustainable Development)’ के संदर्भ में भारत की अर्थव्यवस्था को क्या अपनाना आवश्यक है?", "options": [ "केवल कोयले पर निर्भरता", "नवीकरणीय ऊर्जा, संसाधनों का दक्ष उपयोग, प्रदूषण नियंत्रण", "वृक्षों का अत्यधिक दोहन", "तेल आयात कई गुना बढ़ाना" ], "correct": 1, "explanation": "सतत विकास के लिए भारत जैसे देश को नवीकरणीय ऊर्जा स्रोतों का अधिकतम उपयोग, कार्बन फुटप्रिंट कम करने और प्रदूषण नियंत्रण जैसी नीतियाँ अपनाने की आवश्यकता है।" }, { "question": "आर्थिक विकास और आर्थिक वृद्धि में अंतर क्या है?", "options": [ "कोई अंतर नहीं", "आर्थिक विकास में मात्रात्मक वृद्धि (GDP) ही शामिल है", "आर्थिक वृद्धि मात्र GDP का बढ़ना, जबकि आर्थिक विकास में सामाजिक कल्याण, संरचनात्मक परिवर्तन भी शामिल", "आर्थिक विकास केवल विदेशी निवेश है" ], "correct": 2, "explanation": "आर्थिक वृद्धि जीडीपी, राष्ट्रीय आय आदि के बढ़ने का संकेत देती है, जबकि आर्थिक विकास में आधारभूत ढाँचे, जीवन स्तर में सुधार, शिक्षा-स्वास्थ्य आदि सामुदायिक कल्याण शामिल होता है।" }, { "question": "भारतीय अर्थव्यवस्था की भविष्य की संभावनाओं में कौन-सा पहलू आशाजनक है?", "options": [ "महिलाओं का श्रमबल सहभागिता घटाना", "उच्च शिक्षित कार्यबल और नवाचार (Innovation) का प्रसार", "केवल कच्चे माल का निर्यात", "सकल घरेलू उत्पाद में नकारात्मक वृद्धि" ], "correct": 1, "explanation": "भारत में शिक्षा का विस्तार, नई तकनीकियों का विकास, स्टार्टअप एवं इनोवेशन, युवा कार्यबल आदि भविष्य के लिए आशाजनक हैं।" }, { "question": "एक ‘विशेष अर्थव्यवस्था (Special Economy)’ में कौन-सी स्थिति शामिल हो सकती है?", "options": [ "गिग अर्थव्यवस्था (Gig Economy) – फ्रीलांस आधारित", "सभी लोगों की सरकारी नौकरी", "केवल विनिमय के बिना", "संपूर्ण तोहफा अर्थव्यवस्था" ], "correct": 0, "explanation": "गिग अर्थव्यवस्था एक उभरती हुई विशेष अर्थव्यवस्था का उदाहरण है, जिसमें लोग प्रोजेक्ट या अस्थायी अनुबंधों के आधार पर काम करते हैं।" }, { "question": "गिरती निरक्षरता दर (Falling Illiteracy Rate) भारतीय अर्थव्यवस्था पर कैसा प्रभाव डालती है?", "options": [ "नकारात्मक प्रभाव – क्योंकि शिक्षा फायदेमंद नहीं", "सकारात्मक, क्योंकि अधिक शिक्षित आबादी का उत्पादकता में योगदान बढ़ता है", "किसी प्रकार का प्रभाव नहीं", "खर्च ही बढ़ेगा" ], "correct": 1, "explanation": "जैसे-जैसे साक्षरता बढ़ती है, लोगों में कौशल और उत्पादकता बढ़ती है, जिससे अर्थव्यवस्था को लाभ मिलता है।" }, { "question": "महिलाओं की श्रम बल में भागीदारी बढ़ने से भारतीय अर्थव्यवस्था को क्या लाभ हो सकता है?", "options": [ "मंदी आ जाएगी", "उत्पादन क्षमता और पारिवारिक आय में वृद्धि", "बेरोजगारी बढ़ेगी", "मुद्रा संकट" ], "correct": 1, "explanation": "जब महिलाओं की भागीदारी कार्यबल में बढ़ती है, तो उत्पादकता और पारिवारिक आय में वृद्धि होती है, जिससे समग्र आर्थिक विकास को प्रोत्साहन मिलता है।" }, { "question": "भारत जैसे विकासशील देश में आर्थिक चुनौती में से एक है—", "options": [ "सकल बचत दर का उच्च होना", "विदेशी मुद्रा भंडार का पर्याप्त होना", "बुनियादी ढाँचे (Infrastructure) का अभाव", "उच्च तकनीकी कौशल" ], "correct": 2, "explanation": "भारत को सड़कों, रेल, बंदरगाह, ऊर्जा आपूर्ति जैसे आधारभूत ढाँचों में अभी भी काफी निवेश की जरूरत है, यह एक बड़ी चुनौती है।" }, { "question": "भारतीय अर्थव्यवस्था में सफल होने के लिए कौन-सा जरूरी सुधार देखा जाता है?", "options": [ "बढ़ता लाइसेंस राज", "न्यायिक और प्रशासनिक सुधार, सरल कर व्यवस्था, शिक्षा व स्वास्थ्य में सुधार", "अनौपचारिकता बढ़ाना", "पेट्रोल की कीमत बढ़ाना" ], "correct": 1, "explanation": "व्यापार में आसानी (Ease of Doing Business), नौकरशाही में पारदर्शिता, कानूनी सुधार और बेहतर शिक्षा-स्वास्थ्य जैसी बातें एक विकसित अर्थव्यवस्था के लिए जरूरी सुधार हैं।" }, { "question": "भारत की निर्यात नीति में सुधार की जरूरत क्यों है?", "options": [ "निर्यात से कोई लाभ नहीं", "श्रम-प्रधान वस्तुओं और उच्च मूल्यवर्द्धित वस्तुओं के निर्यात को प्रोत्साहन देने से रोजगार व विदेशी मुद्रा बढ़ेगी", "सिर्फ आयात करना चाहिए", "विदेशी मुद्रा भंडार कम होगा" ], "correct": 1, "explanation": "भारत की निर्यात नीति में श्रम-प्रधान उद्योग (Textile, Leather, Gems) और हाई-टेक के लिए प्रोत्साहन बढ़ने से रोजगार और राजस्व दोनों बढ़ते हैं।" }, { "question": "कोविड-19 महामारी ने भारतीय अर्थव्यवस्था को कैसे प्रभावित किया?", "options": [ "GDP वृद्धि दर काफी कम हुई / नकारात्मक रही कुछ समय", "कोई प्रभाव नहीं", "भारी औद्योगिक तेजी", "लोगों की आय बढ़ गई" ], "correct": 0, "explanation": "कोविड-19 ने वैश्विक और भारतीय अर्थव्यवस्था को मंदी की ओर धकेला, असंगठित क्षेत्र पर विशेष रूप से बुरा असर पड़ा, जिससे GDP ग्रोथ भी घट गई।" }, { "question": "भारत में सरकार क्यों चाहती है कि कृषि से निकलकर अधिक लोग उद्योग और सेवा क्षेत्र में जाएँ?", "options": [ "कृषि को बंद करना है", "औद्योगिक और सेवा क्षेत्र में प्रति व्यक्ति आय बढ़ने की संभावना अधिक होती है, जिससे समग्र विकास होता है", "शहरों में भीड़ बढ़ाने के लिए", "कोई कारण नहीं" ], "correct": 1, "explanation": "विकसित होते अर्थव्यवस्था में कृषि से द्वितीयक/तृतीयक क्षेत्र में स्थानांतरण से आय स्तर में वृद्धि, टेक्नोलॉजी विस्तार और आर्थिक गतिशीलता आती है।" }, { "question": "अपेक्षाकृत ‘उच्च आर्थिक वृद्धि’ के बावजूद भारत में गरीबी और असमानता क्यों बनी रहती है?", "options": [ "विकास का लाभ सभी वर्गों तक समान रूप से नहीं पहुँचता, वितरण संबंधी समस्याएँ", "कोई विकास नहीं हुआ", "अमीरों को सारा पैसा मिल जाता है और गरीब काम नहीं करते", "कृषि उत्पादन हमेशा कम रहा" ], "correct": 0, "explanation": "भारत में विकास का एक बड़ा हिस्सा सेवाओं और शहरी क्षेत्रों में रहा है, जबकि ग्रामीण और कमजोर वर्ग वंचित रह जाते हैं; इस कारण आय वितरण में असमानता कायम रहती है।" }, { "question": "घरेलू बचत दर में कमी होने का क्या नकारात्मक असर होता है?", "options": [ "निवेश के लिए पूँजी की कमी, और विदेशी निवेश पर निर्भरता बढ़ सकती है", "देश का विकास तेज हो जाता है", "कर लगा सकते हैं", "मुद्रा स्फीति घट जाती है" ], "correct": 0, "explanation": "यदि बचत दर घटे, तो निवेश के लिए उपलब्ध घरेलू पूँजी कम हो जाती है, जिससे या तो ब्याज दरें बढ़ सकती हैं या विदेशी पूँजी पर निर्भरता बढ़ती है।" }, { "question": "भारतीय अर्थव्यवस्था की अगली बड़ी चुनौती क्या मानी जा सकती है?", "options": [ "औद्योगिकरण समाप्त करना", "कौशल विकास और रोजगार निर्माण विशेषकर युवाओं के लिए", "मुद्रा को पेग करना", "केवल ग्रामीण क्षेत्रों में निवेश रोकना" ], "correct": 1, "explanation": "भारत की विशाल युवा आबादी के लिए पर्याप्त रोजगार सृजन व कौशल विकास सुनिश्चित करना आने वाले समय में बहुत बड़ी चुनौती है।" }, { "question": "भारतीय अर्थव्यवस्था में ग्रामीण सड़कों, बिजली, इंटरनेट आदि का विस्तार क्यों महत्त्वपूर्ण है?", "options": [ "गाँवों का शहरीकरण रोकने के लिए", "खपत को कम करने के लिए", "ग्रामीण विकास, कृषि से गैर-कृषि गतिविधियों की ओर परिवर्तन, बाज़ार तक पहुँच बढ़ाने में सहायता", "गाँवों में अकेलेपन के लिए" ], "correct": 2, "explanation": "अच्छी कनेक्टिविटी और बुनियादी सुविधाओं से ग्रामीण क्षेत्रों में विकास के अवसर बढ़ते हैं, कृषि से अधिक मूल्यवर्द्धित गतिविधियों की ओर परिवर्तन संभव होता है।" }, { "question": "‘मेगासिटीज (Mega Cities)’ बढ़ने से भारतीय अर्थव्यवस्था पर क्या दबाव या चुनौती आती है?", "options": [ "कृषि उपज में वृद्धि", "नगरीय बुनियादी ढाँचे पर भारी दबाव, भीड़भाड़, प्रदूषण, आवास की कमी", "निर्यात बढ़ता है", "पैसा कम लगता है" ], "correct": 1, "explanation": "बढ़ते शहरीकरण और मेगासिटीज से नागरिक सुविधाओं (पानी, सीवेज, यातायात, पर्यावरण) पर भारी दबाव आता है, जो एक चुनौती है।" }, { "question": "भारत में आय-असमानता कम करने के लिए कौन-से कदम कारगर हो सकते हैं?", "options": [ "शिक्षा-स्वास्थ्य में निवेश, उचित कर प्रणाली, सामाजिक सुरक्षा योजनाएँ", "केवल कृषि ऋण माफी", "उच्च आय वालों को सब्सिडी", "निष्क्रिय सरकार" ], "correct": 0, "explanation": "आय-वितरण में संतुलन लाने हेतु सरकार को शिक्षा, स्वास्थ्य, कौशल विकास, प्रगतिशील कर प्रणाली और सामाजिक सुरक्षा बढ़ाने जैसे उपाय करने चाहिए।" }, { "question": "एक बड़ी चुनौती वर्तमान समय में नौकरशाही की दक्षता क्यों मानी जाती है?", "options": [ "क्योंकि नौकरशाह बहुत कम हैं", "अक्सर भ्रष्टाचार, ढिलाई और जवाबदेही का अभाव दक्षता कम कर देता है", "सभी नौकरशाह अत्यधिक मेहनती", "नौकरशाही अदृश्य है" ], "correct": 1, "explanation": "कई बार प्रशासनिक प्रक्रियाएँ जटिल, भ्रष्टाचार और जवाबदेही की कमी आदि के कारण नीतियों का कार्यान्वयन धीमा रहता है, जो आर्थिक विकास में बाधा है।" }, { "question": "भारत में सभी को स्वास्थ्य सुविधाएँ उपलब्ध कराने के लिए कौन-सी चुनौती है?", "options": [ "उचित वित्तपोषण, आधारभूत संरचना, प्रशिक्षित स्वास्थ्यकर्मियों की कमी", "सभी अस्पताल निजी", "सरकार स्वास्थ्य पर कुछ खर्च नहीं करती", "जनसंख्या कम होना" ], "correct": 0, "explanation": "सरकारी स्वास्थ्य बजट सीमित होने, ग्रामीण स्वास्थ्य ढाँचे की कमी, कुशल डॉक्टरों की उपलब्धता में असमानता आदि बड़ी चुनौतियाँ हैं।" }, { "question": "‘अर्थव्यवस्था के विशेष रूप’ में ‘शेर अर्थव्यवस्था (Lion Economy)’ किसे कहा जा सकता है?", "options": [ "केन्या को", "सिंगापुर/ हांगकांग जैसे गतिशील, छोटे लेकिन संपन्न अर्थव्यवस्था", "केवल कृषि प्रधान", "रोबोटिक अर्थव्यवस्था" ], "correct": 1, "explanation": "कुछ रिपोर्ट्स में सिंगापुर, हांगकांग जैसे छोटे पर उच्च विकसित शहर-राज्यों को ‘लायन अर्थव्यवस्था’ कहा जाता है, हालाँकि यह कोई आधिकारिक शब्द नहीं।" } // 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 -->