<!-- 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": "पर्यावरण जागरूकता (Environmental Awareness) से क्या आशय है?", "options": [ "केवल वनों के बारे में जानना", "पर्यावरण से जुड़े मुद्दों, चुनौतियों और समाधान के प्रति लोगों में समझ और संवेदनशीलता पैदा करना", "सरकार द्वारा जारी आँकड़े पढ़ना", "किसी भी विषय में रुचि न रखना" ], "correct": 1, "explanation": "पर्यावरण जागरूकता का अर्थ है लोगों को पर्यावरणीय समस्याओं, उनके कारणों, दुष्प्रभावों और निवारण के उपायों के प्रति सजग करना, जिससे वे संरक्षण में भाग ले सकें।" }, { "question": "पर्यावरण शिक्षा (Environmental Education) के मुख्य उद्देश्यों में से एक क्या है?", "options": [ "केवल शोधार्थियों के लिए सीमित होना", "पर्यावरणीय मुद्दों को अनदेखा करना", "व्यक्तियों में पर्यावरण के प्रति जिम्मेदारी की भावना विकसित करना और व्यावहारिक समाधान अपनाने के लिए प्रेरित करना", "अनुशासनहीनता बढ़ाना" ], "correct": 2, "explanation": "पर्यावरण शिक्षा का लक्ष्य है कि लोग समझें कि उनका पर्यावरण से गहरा जुड़ाव है, और वे व्यवहार में परिवर्तन लाकर संरक्षण के प्रयास कर सकें।" }, { "question": "‘पर्यावरण शिक्षा के उद्देश्य (Objectives of Environmental Education)’ में कौन-सा उद्देश्य शामिल नहीं है?", "options": [ "पर्यावरण से संबंधित ज्ञान प्रदान करना", "संसाधनों का विवेकपूर्ण उपयोग सिखाना", "प्रकृति के प्रति अनादर और अति-शोषण को बढ़ावा देना", "पर्यावरण समस्याओं के समाधान में भागीदारी को प्रोत्साहित करना" ], "correct": 2, "explanation": "पर्यावरण शिक्षा का हर उद्देश्य प्रकृति व संसाधनों के प्रति आदर, समझ, जागरूकता, तथा संरक्षण को बढ़ावा देता है; अति-शोषण को प्रोत्साहन बिल्कुल भी इसका लक्ष्य नहीं हो सकता।" }, { "question": "‘पर्यावरणीय अभियानों (Environmental Campaigns)’ का महत्व क्यों है?", "options": [ "अभियान अनावश्यक भीड़भाड़ बढ़ाते हैं", "अभियान करने से पर्यावरण खुद सुधर जाएगा", "अभियानों से जनता, मीडिया और नीति-निर्माताओं का ध्यान पर्यावरण समस्याओं पर जाता है, जागरूकता व सहयोग बढ़ता है", "सिर्फ औपचारिकता करने" ], "correct": 2, "explanation": "अभियान के माध्यम से मुद्दों पर जानकारी फैलती है, लोग जुड़ते हैं और सरकारी व गैर-सरकारी स्तरों पर समर्थन मिलता है, जिससे समस्याओं के निराकरण की दिशा में कार्यप्रणाली मजबूत होती है।" }, { "question": "‘पर्यावरण शिक्षा’ स्कूलों में क्यों अनिवार्य रूप से जोड़ी गई है?", "options": [ "यह एक वैकल्पिक विषय है", "बच्चों को निजी फायदे के लिए", "बच्चों में प्रारंभिक अवस्था से प्रकृति के प्रति समझ, सम्मान और संरक्षण की भावना विकसित करने के लिए", "पाठ्यक्रम भार बढ़ाने के लिए" ], "correct": 2, "explanation": "पर्यावरण संरक्षण के बीज बचपन से ही बोए जाएँ, इसलिए स्कूल स्तर पर विषय या गतिविधियों के माध्यम से उन्हें प्रशिक्षित किया जाता है।" }, { "question": "पर्यावरण जागरूकता बढ़ाने में ‘मीडिया’ की क्या भूमिका हो सकती है?", "options": [ "केवल मनोरंजन", "पर्यावरण विषयों को न दिखाना", "टीवी, अख़बार, सोशल मीडिया के जरिए सूचना व समस्याओं को सामने लाना, सकारात्मक पहल के उदाहरण साझा करना", "लोगों को भटकाना" ], "correct": 2, "explanation": "मीडिया, विशेषकर डिजिटल युग में, पर्यावरण संबंधी मुद्दों पर व्यापक ध्यान आकर्षित कर सकती है, जनमानस को जागरूक करने में महत्त्वपूर्ण भूमिका निभाती है।" }, { "question": "पर्यावरणीय अभियानों (Environmental Campaigns) का एक उदाहरण कौन-सा है?", "options": [ "वृक्ष लगाओ अभियान, स्वच्छता अभियान, प्लास्टिक उन्मूलन अभियान", "ट्रैफिक जाम बढ़ाओ अभियान", "अग्निशमन अभियान", "औद्योगिक विकास रोकना" ], "correct": 0, "explanation": "‘वृक्ष लगाओ अभियान’, ‘प्लास्टिक मुक्त शहर’, ‘स्वच्छ गंगा अभियान’ आदि सीधे तौर पर पर्यावरणीय मसलों को हल करने का प्रयास करते हैं, इसलिए ये पर्यावरणीय अभियान हैं।" }, { "question": "पर्यावरण संरक्षण में समाज का योगदान (Society’s Contribution) क्यों आवश्यक है?", "options": [ "सिर्फ सरकार ही सब कर सकती है", "समाज के लोग ही पर्यावरण को प्रदूषित करते हैं, इसलिए उनका सहयोग न हो", "पर्यावरण संरक्षण एक सामूहिक जिम्मेदारी है; सामाजिक सहयोग से बड़े पैमाने पर व्यवहार परिवर्तन व संरक्षण प्रयास संभव होते हैं", "कोई जरूरत नहीं" ], "correct": 2, "explanation": "प्रत्येक नागरिक, समुदाय, संगठन आदि संसाधनों का प्रयोग करते हैं और पर्यावरणीय गतिविधियों से जुड़ते हैं; यदि वे एक साथ सक्रिय हों, तो संरक्षण के बड़े लक्ष्यों को हासिल करना आसान होता है।" }, { "question": "‘पर्यावरण शिक्षा’ का एक लक्ष्य युवाओं में क्या विकसित करना हो सकता है?", "options": [ "केवल नौकरी की उम्मीद", "प्रकृति के प्रति उदासीनता", "समस्याओं को पहचानने और हल निकालने की क्षमता, नेतृत्व, पहल करने की भावना", "परिवार से दूर रहने की प्रवृत्ति" ], "correct": 2, "explanation": "पर्यावरण शिक्षा युवाओं को समस्याओं की जड़ और समाधान के बारे में सोचने, सक्रिय पहल करने, सहभागिता व नेतृत्व करने को प्रोत्साहित करती है।" }, { "question": "‘पर्यावरणीय अभियानों’ में ‘सिग्नेचर अभियान’, ‘पब्लिक रैली’, ‘जागरूकता वर्कशॉप’ का महत्त्व क्या है?", "options": [ "समस्याओं का मजाक बनाना", "जनसाधारण को इन मुद्दों से जोड़ना, संदेश फैलाना, जनसमर्थन जुटाना", "केवल नाम मात्र", "व्यर्थ संसाधन खपत" ], "correct": 1, "explanation": "इन अभियानों से लोग जुड़ते हैं, विचार-विमर्श होता है, जागरूकता बढ़ती है, नीति-निर्माताओं पर भी दबाव बनता है कि वे पर्यावरण के लिए सुदृढ़ कदम उठाएँ।" }, { "question": "पर्यावरण शिक्षा का ‘बहुआयामी दृष्टिकोण (Multidisciplinary Approach)’ क्या दर्शाता है?", "options": [ "सिर्फ विज्ञान विषय", "पर्यावरण को सामाजिक, आर्थिक, जैविक, भौतिक, सांस्कृतिक सभी नज़रियों से देखना और समाधान तलाशना", "केवल लाइफ साइंस", "अन्य विषयों से कोई लेना-देना नहीं" ], "correct": 1, "explanation": "पर्यावरण समस्याएँ जटिल होती हैं, उनमें सामाजिक, आर्थिक, तकनीकी और जैविक पहलू जुड़े होते हैं, इसलिए बहुआयामी अध्ययन से ही ठोस समाधान प्राप्त होता है।" }, { "question": "पर्यावरणीय अभियानों में ‘बाल सहभागिता (Children’s Involvement)’ का लाभ क्या है?", "options": [ "बच्चे कुछ नहीं कर सकते", "बच्चे केवल बाधा डालते हैं", "बच्चे सरलतापूर्वक सीख लेते हैं, परिवार व सहपाठियों को भी जागरूक कर सकते हैं; एक स्थायी पीढ़ी तैयार होती है", "केवल शोर मचाना" ], "correct": 2, "explanation": "बच्चों में सीखने की उत्सुकता व उत्साह होता है, वे अपने परिवार व मित्रों को भी प्रेरित करते हैं; बचपन से मिली पर्यावरण शिक्षा भविष्य में बड़े सकारात्मक असर ला सकती है।" }, { "question": "‘पर्यावरण संरक्षण में समाज का योगदान’ में कौन-सी पहलु शामिल नहीं होगी?", "options": [ "यात्राओं में कार-पूल या सार्वजनिक परिवहन", "कूड़े को सार्वजनिक स्थल पर फेंकना", "ऊर्जा बचत वाले उपकरण इस्तेमाल करना", "अपशिष्ट को रीसायकल करना" ], "correct": 1, "explanation": "पर्यावरण संरक्षण के लिए आवश्यक है कि लोग अपशिष्ट का समुचित निपटान करें, ऊर्जा दक्षता अपनाएँ, साझा या सार्वजनिक वाहनों का उपयोग करें; कचरे को सार्वजनिक स्थल पर फेंकना उल्टी दिशा में कदम है।" }, { "question": "पर्यावरण शिक्षा में ‘प्रयोगात्मक गतिविधियाँ (Hands-on Activities)’ का महत्त्व क्यों है?", "options": [ "सिद्धांत ही काफ़ी होता है", "बोरिंग लैब सेशन", "धीमी सीख", "जब लोग प्रयोगों, फील्ड ट्रिप, पौधारोपण जैसे अनुभवों से जुड़ते हैं, तब उन्हें समझ ज्यादा गहरी होती है और वे व्यवहार में परिवर्तन जल्दी लाते हैं" ], "correct": 3, "explanation": "अनुभवजन्य शिक्षा से बच्चे व युवा प्रकृति से सीधा जुड़ते हैं, तथा उन्हें समस्याएँ व समाधान व्यावहारिक तौर पर समझ आते हैं; इससे जागरूकता स्थायी रूप से विकसित होती है।" }, { "question": "पर्यावरणीय अभियानों का वित्तपोषण (Funding) किस तरह हो सकता है?", "options": [ "केवल सरकारी अनुदान पर निर्भरता", "CSR (Corporate Social Responsibility), सरकारी अनुदान, व्यक्तिगत दान, अंतर्राष्ट्रीय संगठन, क्राउडफंडिंग", "कहीं से भी नहीं", "केवल विदेशी फंड रोककर" ], "correct": 1, "explanation": "अभियानों के लिए कई स्रोतों से फंड मिल सकता है— CSR के तहत कंपनियों का योगदान, सरकारी योजनाएँ, जनसहभाग (क्राउडफंडिंग), परोपकारी संस्थाएँ, इत्यादि।" }, { "question": "पर्यावरण संरक्षण में समाज का योगदान बढ़ाने के लिए ‘भागीदारी मॉडल (Participatory Model)’ का क्या अर्थ है?", "options": [ "पेशेवर एजेंसियाँ ही सब कुछ करें", "उपयोगकर्ताओं की कोई भूमिका न होना", "स्थानीय समुदाय, निवासी, विद्यार्थी, किसानों आदि का परियोजनाओं की योजना व क्रियान्वयन में सीधा जुड़ाव", "केवल अधिकारियों को काम करना" ], "correct": 2, "explanation": "भागीदारी मॉडल में निर्णय व क्रियान्वयन में समाज के विभिन्न वर्गों को शामिल किया जाता है, जिससे जिम्मेदारी व स्वामित्व की भावना बढ़ती है, और योजनाएँ ज़्यादा सफल होती हैं।" }, { "question": "पर्यावरण शिक्षा के अंतर्गत ‘स्थानीय प्रौढ़ (Adult) शिक्षा कार्यक्रम’ क्यों सहायक हो सकते हैं?", "options": [ "बड़ों को सीखने की जरूरत नहीं", "वे लोग शिक्षक बना दिए जाएँ", "व्यस्क समुदाय जिनके हाथ में संसाधन व निर्णय करने की शक्ति है, उन्हें पर्यावरणीय मूल्य व तकनीक समझने पर बड़ा असर होता है", "व्यर्थ खर्च" ], "correct": 2, "explanation": "कई बार निर्णय या संसाधन प्रबंधन की कुंजी बड़ों के हाथ में होती है; यदि वे पर्यावरण अनुकूल दृष्टिकोण अपनाएँ, तो तत्काल बड़े बदलाव संभव हैं।" }, { "question": "‘पर्यावरणीय अभियानों में सोशल मीडिया’ की भूमिका क्या हो सकती है?", "options": [ "विरोध में इस्तेमाल", "मिथ्या जानकारी फैलाना", "तेजी से जागरूकता व संदेशों का प्रसार, अभियान के लिए समर्थन जुटाना, जनमत तैयार करना", "केवल मनोरंजन" ], "correct": 2, "explanation": "सोशल मीडिया पर्यावरणीय मुद्दों पर अभियान चलाने, लोगों को जोड़ने, संसाधन जुटाने, अपडेट साझा करने में बहुत प्रभावी माध्यम बनता जा रहा है।" }, { "question": "पर्यावरण संरक्षण में समाज किस तरह का प्रत्यक्ष योगदान दे सकता है?", "options": [ "घर में पानी बर्बाद करना", "कचरा खुले में जलाना", "पौधे लगाना, स्थानीय नदी/तालाब साफ करना, सामुदायिक जागरूकता, स्वैच्छिक श्रमदान (श्रमदान)", "ऊर्जा अपव्यय बढ़ाना" ], "correct": 2, "explanation": "समाज के लोग पौधारोपण, सफाई अभियान, ऊर्जा व जल संरक्षण, कचरे का उचित निपटान, रीसायकल आदि तरीकों से सक्रिय योगदान दे सकते हैं।" }, { "question": "‘गाँव स्तर पर जैविक कचरा प्रबंधन (Composting)’ एक उदाहरण है:", "options": [ "पर्यावरणीय शिक्षा से उपजा सामुदायिक रवैया", "आर्थिक नुकसान", "सिर्फ प्रशासन का काम", "आत्मनिर्भरता में बाधा" ], "correct": 0, "explanation": "कई गाँवों में जागरूकता कार्यक्रम चलते हैं कि जैविक कचरे से कम्पोस्ट बनाकर खेतों में उपयोग हो, जिससे कचरा भी कम होता है और कृषि को लाभ मिलता है। ये सामाजिक पहल का उत्तम उदाहरण है।" }, { "question": "‘प्रकृति भ्रमण (Nature Walk), ईको-क्लब (Eco-club)’ स्कूल में क्यों बनाए जाते हैं?", "options": [ "छात्रों को सजावट सिखाने", "पर्यावरणीय सिद्धांतों को मज़ेदार तरीके से व्यावहारिक बनाना, रुचि जाग्रत करना, अनुभवात्मक शिक्षा देना", "बच्चों को अन्य विषयों से दूर रखना", "शारीरिक शिक्षा से काटना" ], "correct": 1, "explanation": "प्रकृति भ्रमण, ईको-क्लब जैसी गतिविधियाँ बच्चों को प्रत्यक्ष अनुभव व अवलोकन के अवसर देती हैं, जिससे वे प्रकृति को समझकर संरक्षण के प्रति रूचि विकसित कर पाते हैं।" }, { "question": "पर्यावरण जागरूकता में ‘राष्ट्रीय पर्यावरण जागरूकता अभियान (NEAC)’ का लक्ष्य क्या रहा है?", "options": [ "केवल वनों को कम करना", "रोगों को बढ़ावा", "देशभर में पर्यावरण शिक्षा व जागरूकता कार्यक्रम चलाना, जनसहभागिता बढ़ाना", "किसानों की आमदनी कम करना" ], "correct": 2, "explanation": "NEAC (1986 से शुरू) का मकसद है देशभर में शिक्षा व जागरूकता के कार्यक्रमों के जरिए लोगों को पर्यावरण संरक्षण की दिशा में सक्रिय करना।" }, { "question": "पर्यावरणीय अभियानों का मूल्यांकन (Evaluation) क्यों जरूरी है?", "options": [ "प्रचार के लिए", "इससे कोई लाभ नहीं", "पता चले कि अभियान के लक्ष्य पूरे हुए या नहीं, कहाँ सुधार की जरूरत है, सफलता का स्तर क्या रहा", "केवल मीडिया कवरेज" ], "correct": 2, "explanation": "मूल्यांकन से अभियानों की उपलब्धियाँ व कमियाँ समझ आती हैं; अगले अभियानों की रणनीति बेहतर बनाई जा सकती है।" }, { "question": "‘शहरों में प्रदूषण कम करने के लिए लोगों को जागरूक करना’ किस श्रेणी का अभियान होगा?", "options": [ "व्यवसायिक अभियान", "आर्थिक विकास अभियान", "पर्यावरणीय अभियान (Environmental Campaign)", "राजनीतिक अभियान" ], "correct": 2, "explanation": "यदि शहरों में वायु, जल, ध्वनि प्रदूषण कम करने के लिए जनजागरण किया जा रहा हो, तो यह स्पष्टतः एक पर्यावरणीय अभियान ही है।" }, { "question": "समाज में पर्यावरण संरक्षण हेतु एक ‘रचनात्मक पहल’ क्या हो सकती है?", "options": [ "पर्यावरण से जुड़े कलाकारों और वैज्ञानिकों को अलग रखना", "कचरे को बढ़ावा देना", "स्थानीय परंपराओं को जोड़ते हुए वृक्षारोपण उत्सव, स्वच्छता महोत्सव, बच्चों को ‘ग्रीन प्रोजेक्ट’ में संलग्न करना", "पराली जलाना" ], "correct": 2, "explanation": "स्थानीय संस्कृति, उत्सव, परंपराओं को पर्यावरण हितैषी उपायों के साथ जोड़ा जाए, तो लोगों का उत्साह व जुड़ाव अधिक होता है—जैसे सामूहिक वृक्षारोपण, उत्सव के समय स्वच्छता अभियान इत्यादि।" }, { "question": "पर्यावरण शिक्षा में प्रायः ‘प्रोजेक्ट आधारित सीख (Project-based Learning)’ क्यों अपनाई जाती है?", "options": [ "सैद्धांतिक ज्ञान काफी होता है", "छात्रों को व्यस्त रखने", "छात्र खुद शोध, सर्वे, गतिविधि करके सीखते हैं, जिससे उनका व्यवहारिक ज्ञान व समस्या-समाधान कौशल विकसित होता है", "अतिरिक्त भारी सिलेबस" ], "correct": 2, "explanation": "परियोजना आधारित अधिगम से छात्र स्वयं एक समस्या को समझते और हल निकालते हैं, जिससे उनमें गहरी समझ और रुचि उत्पन्न होती है।" }, { "question": "‘हरित गणित (Green Math)’, ‘ईको-फ्रेंडली आर्ट एंड क्राफ्ट’ जैसी अवधारणाएँ पर्यावरण शिक्षा को किस तरह मदद कर सकती हैं?", "options": [ "अन्य विषयों में अड़चन", "शिक्षा को रचनात्मक व दिलचस्प बनाकर, पर्यावरण सन्दर्भों में गणित व कला के प्रयोग से छात्र ज्यादा संलग्न होते हैं", "केवल अल्पकालिक रुझान", "अध्यापकों पर भार" ], "correct": 1, "explanation": "जब पाठ्यक्रम में पर्यावरण संकल्पनाओं को गणित, कला, भाषा आदि विषयों से जोड़ा जाता है, तो छात्रों को व्यवहारीक व रुचिकर अनुभव मिलता है, जो प्रभावी शिक्षा का रूप है।" }, { "question": "पर्यावरण संरक्षण में समाज का योगदान ‘नागरिक विज्ञान (Citizen Science)’ के जरिए कैसे संभव है?", "options": [ "केवल प्रयोगशाला वैज्ञानिक", "सामान्य लोग डेटा एकत्र कर, साक्ष्य जुटाकर, शोधकर्ताओं को सहायक बनते हैं; इससे सहभागिता व जागरूकता दोनों बढ़ती है", "लोग भ्रमित हो जाते हैं", "सरकार रोकती है" ], "correct": 1, "explanation": "Citizen Science में आमजन किसी विशेष एप या प्लेटफॉर्म पर प्रेक्षण रिपोर्ट करते हैं—बर्ड काउंट, जल स्तर, प्रदूषण मापन आदि—जो नीति या वैज्ञानिक अनुसंधान में उपयोगी होता है।" }, { "question": "पर्यावरण शिक्षा को सफल बनाने के लिए शिक्षक या प्रशिक्षक को क्या करना चाहिए?", "options": [ "सिर्फ किताब से पढ़ाना", "प्रयोग-प्रदर्शन, फिल्ड विजिट, संवादात्मक सत्र, स्थानीय मुद्दों से जोड़कर पढ़ाना", "केवल परीक्षा के लिए रटना", "जागरूकता को हतोत्साहित" ], "correct": 1, "explanation": "शिक्षक को व्यावहारिक, क्रियाकलाप आधारित, संदर्भित शिक्षा देनी चाहिए, ताकि छात्र पर्यावरण को साक्षात समझें व उससे जुड़ाव महसूस करें।" }, { "question": "समाज में पर्यावरण संरक्षण के लिए ‘आरडब्ल्यूए (Residents Welfare Association)’, ‘ग्राम पंचायत’ आदि की भूमिका क्या हो सकती है?", "options": [ "कुछ नहीं कर सकते", "केवल सरकारी फरमान", "अपशिष्ट प्रबंधन, पेड़ लगाना, सामुदायिक जल संरक्षण, ऊर्जा बचत, जागरूकता कार्यक्रम आदि सुनिश्चित कर सकते हैं", "लोगों पर प्रतिबंध लगाना" ], "correct": 2, "explanation": "स्थानीय निकाय और आवासीय संगठन मिलकर आस-पड़ोस में सफाई, कंपोस्टिंग, जल सरंक्षण, ग्रीन प्रैक्टिसेस आदि लागू करवा सकते हैं, जिससे सामुदायिक योगदान में वृद्धि हो।" }, { "question": "पर्यावरणीय अभियानों से जन-जीवन में कौन-सा सकारात्मक परिवर्तन दिख सकता है?", "options": [ "पानी की बर्बादी में वृद्धि", "जागरूकता से लोग कचरा कम पैदा करें, रीसायकल अपनाएँ, ऊर्जा बचाएँ, वाहनों का कम प्रयोग करें", "अधिक प्रदूषण का समर्थन", "हरित आंदोलन में शिथिलता" ], "correct": 1, "explanation": "अभियानों के परिणामस्वरूप आमजन जागरूक होकर कचरे का प्रबंधन, ऊर्जा का कम उपयोग, कार-पूल, सार्वजनिक परिवहन, हरी चीज़ों की ओर रुझान इत्यादि लाते हैं।" }, { "question": "पर्यावरण जागरूकता को बढ़ाने में ‘अंतर्राष्ट्रीय दिवस (World Environment Day, Earth Day)’ का क्या महत्त्व है?", "options": [ "एक दिन में कुछ नहीं होता", "सिर्फ औपचारिकता", "इन दिनों पर बड़े पैमाने पर गतिविधियाँ, आयोजनों के जरिए लोगों का ध्यान पर्यावरण पर आकर्षित किया जाता है; मीडिया व जन समर्थन जुटता है", "मना ही नहीं जाते" ], "correct": 2, "explanation": "विशेष दिवसों पर विद्यालय, कॉलेज, संस्थानों, मीडिया आदि द्वारा अनेक कार्यक्रम आयोजित होते हैं, जिससे व्यापक संदेश जनता तक पहुँचता है और जागरूकता की लहर बनती है।" }, { "question": "पर्यावरण संरक्षण में समाज का योगदान तब और बढ़ सकता है जब—", "options": [ "सरकार विभिन्न ढील दे", "लोग चेतना को अनदेखा करें", "आम जनता को सहज जानकारी व साधन मिलें, प्रोत्साहन या प्रोत्साहक नीति हो, सामुदायिक नेतृत्व प्रबल हो", "सभी को प्रदूषण छूट मिले" ], "correct": 2, "explanation": "यदि जनता को जानकारी, उपकरण, कानूनी समर्थन, आर्थिक या सामाजिक प्रोत्साहन मिले, तो वे सहजता से पर्यावरण सुधार में भाग ले सकते हैं (जैसे रेन वाटर हार्वेस्टिंग पर सब्सिडी)।" }, { "question": "पर्यावरण शिक्षा में ‘क्षेत्रीय भाषाओं (Regional Languages)’ के उपयोग का फ़ायदा क्या है?", "options": [ "अर्थहीन बन जाना", "शहरों में ही लागू", "ग्रामीण व कम-शिक्षित आबादी भी पर्यावरण सन्देश आसानी से समझेगी, उनमें सहभागिता बढ़ेगी", "लोगों को भ्रमित करना" ], "correct": 2, "explanation": "स्थानीय भाषा में सन्देश या पढ़ाई होने पर लोग ज्यादा बेहतर ढंग से समझ पाते हैं, जिससे पर्यावरणी जागरूकता का प्रसार अधिक व्यापक व प्रभावी होता है।" }, { "question": "पर्यावरण जागरूकता व शिक्षा में ‘Case Studies’ का क्या महत्त्व है?", "options": [ "सूचनाओं को सीमित करना", "फ़ील्ड अनुभव से दूर रखना", "सफल या विफल प्रयासों के उदाहरणों से सीखना, व्यावहारिक रणनीतियाँ अपनाना", "केवल सैद्धांतिक बहस करना" ], "correct": 2, "explanation": "केस स्टडी से छात्र या जनता देख पाते हैं कि किसी क्षेत्र में कैसे सफलताएँ या विफलताएँ रहीं; वे उन अनुभवों को अपनी जगह पर लागू कर सकते हैं।" }, { "question": "‘एक्सपर्ट टॉक, पर्यावरण मीटिंग, ग्रीन सम्मेलन’ जैसे आयोजन क्यों जरूरी हैं?", "options": [ "समय की बर्बादी", "इससे किसी को फायदा नहीं", "विभिन्न विशेषज्ञों, संगठनों व जनता को मंच मिलता है, विचारों का आदान-प्रदान, नए समाधान व साझेदारी निकलते हैं", "केवल बड़े शहरों का आयोजन" ], "correct": 2, "explanation": "इन आयोजनों से वैज्ञानिक, सामाजिक कार्यकर्ता, प्रशासक, स्थानीय नागरिक व व्यवसायी एकजुट होते हैं, समस्या-समाधान, नेटवर्किंग व जागरूकता सभी को बल मिलता है।" }, { "question": "‘पर्यावरण संरक्षण में समाज के योगदान’ को सतत बनाए रखने के लिए क्या आवश्यक है?", "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 -->