<!-- 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": "भारतीय कृषि विपणन व्यवस्था में ‘APMC Act’ का अर्थ क्या है?", "options": [ "Agricultural Producing & Management Council", "Agricultural Produce Market Committee Act", "Animal Product Market Commission", "केवल निर्यात दायित्व" ], "correct": 1, "explanation": "APMC Act के तहत राज्यों में कृषि उपज मंडी समिति का गठन होता है, जो किसान की उपज के खरीद-बिक्री को नियंत्रित/विनियमित करती है।" }, { "question": "कृषि विपणन में ‘मंडियों के आधुनिकीकरण’ से क्या सुधार संभावित है?", "options": [ "बिचौलियों की कमी न होना", "पारदर्शी ई-ट्रेडिंग, भंडारण व लॉजिस्टिक्स सुधार, कीमतें तय करने में पारदर्शिता", "फसल नुकसान बढ़ना", "फसल श्रेणीकरण न होना" ], "correct": 1, "explanation": "मंडियों को आधुनिक तकनीक, ई-ट्रेडिंग, बेहतर भंडारण, ग्रेडिंग आदि से जोड़ा जाए तो किसानों को पारदर्शी कीमतें मिल सकती हैं, बिचौलियों की भूमिका कम हो सकती है।" }, { "question": "कृषि उत्पादों के भंडारण में ‘विकेंद्रीकृत भंडारण’ किसकी ओर इशारा करता है?", "options": [ "पैक्स (Primary Agriculture Coop) या व्यक्तिगत गोदामों में स्टॉक करना, न कि केवल सरकारी केंद्रीकृत गोदामों में", "केवल FCI के बड़े गोदाम", "खेत में खुला छोड़ देना", "किसी विदेशी संस्था के पास" ], "correct": 0, "explanation": "विकेंद्रीकृत भंडारण में किसान या स्थानीय समूह/कोऑपरेटिव अपने स्तर पर छोटी-छोटी भंडारण इकाइयाँ बनाते हैं, जिससे परिवहन खर्च कम होता है और उपज का नुकसान भी कम हो सकता है।" }, { "question": "किसानों की आय 2022 तक दोगुनी करने के प्रयास में प्रमुख बाधा कौन-सी बताई जाती है?", "options": [ "उच्च मूल्यवर्धन और प्रसंस्करण", "बाजार लिंकेज, मूल्य स्थिरता और उच्च लागत के चलते किसान को लाभ सीमित मिलना", "बड़ी भूमि जोतें", "देश में सिंचाई बहुत ज्यादा" ], "correct": 1, "explanation": "मुख्य बाधाओं में फसल का उचित मूल्य न मिलना, भंडारण की कमी, ऊँची उत्पादन लागत, बाजार अनिश्चितता, इनपुट की पर्याप्त पहुंच न होना आदि शामिल हैं।" }, { "question": "‘दालों का आयात’ भारत में किस कारण से किया जाता रहा है?", "options": [ "देश में दालों की खपत अधिक, घरेलू उत्पादन प्रायः मांग से कम", "अनाज अधिशेष", "वैश्विक नियम", "दालें बेकार" ], "correct": 0, "explanation": "भारत विश्व का सबसे बड़ा दाल उपभोक्ता है, लेकिन उत्पादन मांग की तुलना में कम रहने पर दालें आयात करनी पड़ती थीं। सरकार NFSM और अन्य योजनाओं से दाल उत्पादन बढ़ाने का प्रयास कर रही है।" }, { "question": "‘FPO (Farmer Producer Organisation)’ का मकसद क्या है?", "options": [ "बड़ी निजी कंपनी", "किसानों को संगठित कर एक सामूहिक इकाई बनाना, जिससे खरीद, विपणन, प्रसंस्करण में सामूहिक लाभ व सौदेबाजी ताकत मिले", "सरकारी विभाग", "चुनाव आयोग" ], "correct": 1, "explanation": "FPO में कई किसान मिलकर एक पंजीकृत इकाई बनाते हैं, जो इनपुट खरीद, विपणन, मूल्यवर्धन आदि में सामूहिक सौदेबाजी और सहयोग से लागत कम और मुनाफा बढ़ा सकती है।" }, { "question": "‘हॉर्टिकल्चर’ उत्पादों की मार्केटिंग में एक प्रमुख समस्या कौन-सी होती है?", "options": [ "लंबी शेल्फ लाइफ", "ये जल्दी खराब होने वाले (पेरिशेबल) उत्पाद हैं, भंडारण व कोल्ड चेन की कमी से नुकसान अधिक होता है", "हर जगह प्रोसेसिंग इकाइयाँ मौजूद", "कीमत हमेशा स्थिर" ], "correct": 1, "explanation": "फल-सब्जियों में पानी की मात्रा ज्यादा होने से वे जल्दी खराब हो जाती हैं, उचित कोल्ड चेन व प्रसंस्करण न हो तो किसानों को फसल नष्ट होने अथवा कम कीमत पर बेचने की मजबूरी रहती है।" }, { "question": "‘क्रेडिट गारंटी फंड ट्रस्ट फॉर माइक्रो एंड स्मॉल एंटरप्राइजेज (CGTMSE)’ का कृषि से क्या लेना-देना?", "options": [ "शून्य", "कृषि-आधारित एमएसएमई को बिना कोलेट्रल लोन में कुछ हद तक गारंटी सुविधा मिल सकती है (एग्री-प्रोसेसिंग)", "किसान को सीधे अनुदान", "केवल शिक्षण" ], "correct": 1, "explanation": "यद्यपि CGTMSE मुख्यतः सूक्ष्म व लघु उद्योगों को कोलेट्रल-मुक्त ऋण के लिए गारंटी देता है, कृषि-आधारित सूक्ष्म उद्यम (प्रोसेसिंग, डेयरी आदि) को भी इसका फायदा मिल सकता है।" }, { "question": "‘डेयरी प्रसंस्करण और बुनियादी ढाँचा विकास कोष (DIDF)’ का उद्देश्य क्या है?", "options": [ "केवल आयात डेयरी", "दूध प्रसंस्करण संयंत्रों को उन्नत करना, कोल्ड स्टोरेज, मूल्य संवर्धन में निवेश", "मसालों को बढ़ावा", "बीज बैंक" ], "correct": 1, "explanation": "DIDF के माध्यम से संगठित दुग्ध क्षेत्र को अनुदान व ऋण सुविधाएँ मिलती हैं, ताकि दूध प्रसंस्करण संयंत्रों का आधुनिकीकरण, रेफ्रिजरेशन, लॉजिस्टिक क्षमता बढ़े।" }, { "question": "‘National Mission on Sustainable Agriculture (NMSA)’ का मुख्य फोकस क्या है?", "options": [ "कृषि को जलवायु परिवर्तन के प्रभावों के प्रति अनुकूल बनाना, संसाधनों का सतत उपयोग", "केवल रसायन वितरण", "कृषि को बंद करना", "बजट घटाना" ], "correct": 0, "explanation": "NMSA जलवायु सहनशील खेती, जल संरक्षण, मिट्टी संरक्षण, जैव-विविधता, कृषक हित संरक्षण आदि पहलुओं पर केंद्रित है, जिससे सतत कृषि को बढ़ावा मिले।" }, { "question": "भंडारण संरचनाओं में ‘Fumigation’ का क्या कार्य है?", "options": [ "भंडार गृह में कीट नियंत्रण के लिए फ्यूमिगेंट गैसों का उपयोग", "पानी भरना", "बीज उत्पादन", "खेत मजदूरी" ], "correct": 0, "explanation": "भंडारण में कीटों, घुन आदि के संक्रमण से बचने हेतु रासायनिक फ्यूमिगेशन किया जाता है, जिससे अनाज सुरक्षित रहता है।" }, { "question": "‘दलहन मिशन’ (Pulses Mission) का महत्व क्या है?", "options": [ "दलहन आयात बढ़ाना", "देश में दालों की मांग पूरी करने व आत्मनिर्भरता लाने के लिए उत्पादन को प्रोत्साहन देना", "केवल निर्यात ही करना", "कीटनाशक रोकना" ], "correct": 1, "explanation": "दालों की घरेलू खपत बहुत अधिक है, इसलिए सरकार दलहन मिशन के तहत उन्नत बीज, प्रोत्साहन, MSP आदि उपाय करके उत्पादन बढ़ाने का प्रयास करती है।" }, { "question": "‘अतिरिक्त पशुधन (Livestock) से प्राप्त गोबर, मीथेन बायोगैस उत्पादन एवं खाद’ क्यों महत्त्वपूर्ण हैं?", "options": [ "बेकार अपशिष्ट", "उर्वरक व ऊर्जा के वैकल्पिक स्रोत, रासायनिक खाद का विकल्प, स्वच्छ ऊर्जा", "केवल बेचने लायक नहीं", "पर्यावरण प्रदूषण बढ़ता है" ], "correct": 1, "explanation": "पशु अपशिष्ट से बायोगैस (रसोई ईंधन) व जैविक खाद बन सकती है, जिससे किसानों को ऊर्जा और खाद की जरूरत कम खर्च में पूरी हो सकती है, प्रदूषण भी घटता है।" }, { "question": "‘ऑर्गेनिक सर्टिफिकेशन’ का क्या महत्व है?", "options": [ "उत्पाद को जैविक मानकों के अनुरूप प्रमाणित कर बाज़ार में प्रीमियम मूल्य दिलाना", "केवल स्थानीय बिक्री बंद", "करदाताओं के लिए", "रासायनिक खाद बढ़ाना" ], "correct": 0, "explanation": "जैविक प्रमाणन (जैसे भारत में ‘जैविक भारत’, या अंतर्राष्ट्रीय ‘IFOAM’ मानक) से उपभोक्ताओं को गुणवत्ता व रसायन-मुक्त उत्पाद का भरोसा मिलता है, जिससे बेहतर कीमत मिल सकती है।" }, { "question": "‘नर्सरी पौध’ में ग्राफ्टिंग (Grafting) का क्या लाभ है?", "options": [ "दो भिन्न किस्मों को जोड़कर, एक पौधे की जड़/तना और दूसरे की टहनी/कलम संयोग से उच्च गुणवत्ता व रोगरोधी किस्म बनाना", "पौधा मर जाता है", "व्यर्थ खर्च", "बीज रहित उत्पादन" ], "correct": 0, "explanation": "ग्राफ्टिंग में एक किस्म की जड़ प्रणाली व दूसरी किस्म का तना/पर्ण भाग मिलाकर पौधा तैयार किया जाता है, जिससे गुणों का लाभ मिला-जुला प्राप्त होता है (उदाहरण: बागवानी फसलों में)।" }, { "question": "कृषि को ‘लाभप्रद व्यवसाय’ बनाने के लिए कौन-सा कदम उपयुक्त नहीं होगा?", "options": [ "उत्पादन में वृद्धि", "बाजार लिनकेज, मूल्य संवर्धन, प्रोसेसिंग", "टिकाऊपन बढ़ाना", "केवल फसल जला देना" ], "correct": 3, "explanation": "फसल जला देने से पर्यावरण क्षति, मृदा जीव का नाश इत्यादि होता है; किसी भी दशा में यह लाभप्रद व्यवसाय के लिए उपयुक्त कदम नहीं कहा जा सकता।" }, { "question": "‘यस बैंक’ या ‘ICICI बैंक’ जैसे निजी बैंक किसानों को कौन-सी सेवा प्रदान कर सकते हैं?", "options": [ "सिर्फ शहरों में", "कृषि ऋण, केसीसी, बचत खाते, बीमा, निवेश सलाह, एग्री-टेक साझेदारी इत्यादि", "किसानों को कोई क्रेडिट नहीं", "बंद शाखा" ], "correct": 1, "explanation": "निजी बैंक भी कृषि ऋण, बीमा, क्रेडिट कार्ड, बचत खाते, कृषि सलाहादि सेवाएँ प्रदान करते हैं; कुछ में विशेष एग्री ब्रांच/सेल भी होते हैं।" }, { "question": "‘हेवेस्टिंग से पूर्व फसल कटाई के सही समय का चुनाव’ क्यों महत्त्वपूर्ण है?", "options": [ "मजदूरों की कमी", "बहुत देर से कटने पर अनाज बिखर सकता है, गुणवत्ता घट सकती है; बहुत जल्दी कटने पर नमी ज्यादा रह जाएगी, उपज का वांछित वजन व गुणवत्ता नहीं", "किसान की छुट्टी", "कीमत पर असर नहीं पड़ता" ], "correct": 1, "explanation": "यदि फसल ओवरमैच्योर हो जाए तो अंकुरण, बिखरने जैसी समस्याएँ, जबकि अंडरमैच्योर होने पर दाना व गुणवत्ता अधूरी रहती है, इसलिए उपयुक्त समय चुनना जरूरी है।" }, { "question": "‘ब्लॉक चेन टेक्नोलॉजी’ कृषि सप्लाई चेन में कैसे उपयोगी हो सकती है?", "options": [ "केवल बैंकिंग", "सभी लेनदेन का पारदर्शी रियल-टाइम रिकॉर्ड, फसल स्रोत से लेकर ग्राहक तक ट्रेसबिलिटी, मिलावट रोकना", "हार्वेस्टर चलाना", "उर्वरक मूल्य घटाना" ], "correct": 1, "explanation": "ब्लॉकचेन से सप्लाई चेन में हर कदम का डेटा अपरिवर्तनीय रूप से रिकॉर्ड होता है, नकली उत्पाद या डेटा हेरफेर मुश्किल हो जाता है, उपभोक्ता को ट्रेसबिलिटी मिलती है।" }, { "question": "‘कृषि उत्पादकता’ मापने में ‘क्विंटल प्रति हेक्टेयर’ या ‘टन/हेक्टेयर’ का उपयोग क्यों होता है?", "options": [ "लंबाई मापने के लिए", "बीज मूल्य", "फसल उत्पादन को भूमि क्षेत्र के आधार पर दर्शाने के लिए, जिससे तुलना आसान होती है", "पशुपालन" ], "correct": 2, "explanation": "उत्पादन/हेक्टेयर से स्पष्ट होता है कि किसी भूमि इकाई से कितनी उपज निकली; यह कृषि उत्पादकता का मानक संकेतक है।" }, { "question": "‘राइजिंग कंज्यूमर एक्सपेक्टेशन (उपभोक्ता अपेक्षाएँ)’ कृषि को किस प्रकार प्रभावित करती हैं?", "options": [ "पौष्टिक, सुरक्षित, प्रमाणित उत्पाद की माँग बढ़ाती हैं, जिसे पूरा करने हेतु किसान को गुणवत्ता और ट्रेसबिलिटी पर ध्यान देना होता है", "नुकसान ही नुकसान", "सरकार नहीं मानती", "किसान को फर्क नहीं पड़ता" ], "correct": 0, "explanation": "शहरी मध्यम वर्ग एवं वैश्विक बाजार, उच्च गुणवत्ता, रसायन अवशेष-मुक्त, प्रमाणित जैविक खाद्य आदि की माँग कर रहे हैं, जिससे किसानों को गुणवत्ता पर ध्यान देना पड़ता है।" }, { "question": "‘Institutional Credit’ और ‘Non-Institutional Credit’ में अंतर क्या है?", "options": [ "दोनों एक ही", "Institutional Credit - बैंकों, सहकारी समितियों, सरकारी संस्थाओं से; Non-Institutional - महाजन, दोस्तों, निजी साहूकार से", "दोनों महँगे स्रोत", "भारत में कोई फर्क नहीं" ], "correct": 1, "explanation": "Formal/Institutional Credit में बैंक, सहकारी, वित्तीय संस्थाएँ आती हैं, जबकि Non-Institutional में महाजन, आढ़ती, रिश्तेदार, या निजी साहूकार शामिल हैं, जहाँ ब्याज सामान्यतः ऊँचा होता है।" }, { "question": "आधुनिक कृषि वृद्धि के लिए ‘डेटा एनालिटिक्स’ का प्रयोग कैसे हो रहा है?", "options": [ "बेकार व्यय", "मौसम पूर्वानुमान, मिट्टी स्वास्थ्य, बाजार मूल्य, रोग-कीट संभावनाएँ – इन सबका विश्लेषण कर कृषि को अधिक सटीक बनाना", "गैर-कानूनी", "किसान को नहीं बताया जाता" ], "correct": 1, "explanation": "डाटा एनालिटिक्स से किसानों को सटीक सलाह (कब बोना, कितना पानी, किस दाम पर बेचना आदि) देने में मदद मिलती है, जोखिम कम होता है, उत्पादन व आय बढ़ सकती है।" }, { "question": "कृषि क्षेत्र में रोजगार के ‘मौसमीय स्वरूप (Seasonal Employment)’ का क्या अभिप्राय है?", "options": [ "कृषि पूरे साल समान रोजगार देती है", "खेतों में बुवाई, निराई, कटाई के समय व्यस्तता, बीच में रोजगार की कमी होना", "अस्थिर वेतन", "कोई नहीं" ], "correct": 1, "explanation": "कृषि में मुख्यत: बुवाई और कटाई के दौरान श्रमिकों की मांग रहती है, लेकिन अन्य समय में काम कम होता है, इसलिए यह मौसमी बेरोजगारी को जन्म देता है।" }, { "question": "‘Inclusive Growth’ में कृषि का योगदान क्यों महत्त्वपूर्ण है?", "options": [ "केवल उद्योग ही महत्त्वपूर्ण", "ग्रामीण आबादी की आय बढ़े बिना समावेशी विकास संभव नहीं, और कृषि करोड़ों लोगों का आधार है", "निर्यात काफी कम है", "कार्यालय नौकरियों पर असर" ], "correct": 1, "explanation": "भारत की बहुत बड़ी आबादी ग्रामीण क्षेत्र और कृषि पर निर्भर है, अगर कृषि में सुधार व किसान की आय में वृद्धि नहीं होगी तो आर्थिक विकास समावेशी नहीं कहलाएगा।" }, { "question": "‘किसान कॉल सेंटर’ (Kisan Call Center) का क्या उपयोग है?", "options": [ "बिल्कुल नहीं", "किसानों को टोल-फ़्री नंबर पर कृषि संबंधी सलाह देना, समस्याओं का समाधान करना", "पॉलिटिकल कैंपेन", "Tax Filing" ], "correct": 1, "explanation": "किसान कॉल सेंटर में विशेषज्ञ उपलब्ध रहते हैं, जो किसानों के प्रश्नों का जवाब देते हैं – फसल संरक्षण, मार्केटिंग, सरकारी योजना आदि पहलुओं पर।" }, { "question": "‘Agri Export Zones’ (AEZ) का मकसद क्या है?", "options": [ "किसानों को विदेश जाने से रोकना", "किसी क्षेत्र को निर्यात के लिए विशेष फसल उत्पादन, प्रसंस्करण, पैकेजिंग, लॉजिस्टिक सुविधाओं से जोड़ना", "केवल आयात करना", "ट्रेड बंद" ], "correct": 1, "explanation": "AEZ में चयनित फसल/उत्पाद के लिए संपूर्ण वैल्यू चेन (उत्पादन, भंडारण, प्रसंस्करण, मार्केटिंग) का विकास किया जाता है, ताकि निर्यात को बढ़ावा मिल सके।" }, { "question": "‘मिश्रित कृषि (Mixed Farming)’ क्या दर्शाती है?", "options": [ "एक ही खेत में फसलों के साथ पशुपालन, मुर्गीपालन, मछलीपालन आदि संयुक्त रूप से", "एक ही फसल बार-बार", "मशीन बंद", "केवल रबी सीजन" ], "correct": 0, "explanation": "मिश्रित खेती में फसल उत्पादन के साथ पशुपालन, पोल्ट्री, डेयरी इत्यादि भी किए जाते हैं, जिससे आय के कई स्रोत बनते हैं और जोखिम कम होता है।" }, { "question": "फसल चक्र में ‘धान-गेहूँ चक्र’ के अत्यधिक दोहराव से क्या समस्या हो सकती है?", "options": [ "मिट्टी की गुणवत्ता और भूमिगत जल स्तर गिर सकता है", "उत्पादन बढ़ता ही जाता है", "कोई समस्या नहीं", "लवणता समाप्त" ], "correct": 0, "explanation": "उत्तर भारत में धान-गेहूँ चक्र के अधिक पालन से भूमि व पानी का अत्यधिक दोहन हो रहा है, जिससे भूजल स्तर घट रहा है और मिट्टी की उर्वरता पर भी दबाव है।" }, { "question": "‘सगुन क्रांति (Golden Revolution)’ किससे सम्बंधित है?", "options": [ "फल, बागवानी (Horticulture) क्षेत्र में तीव्र विकास", "चाय उत्पादन", "कृषि रसायन", "प्याज उत्पादन" ], "correct": 0, "explanation": "सगुन क्रांति बागवानी क्षेत्र (फल, सब्जी, फूल) के तीव्र विकास को संदर्भित करती है, जिसे ‘Golden Revolution’ कहा जाता है।" }, { "question": "भारतीय कृषि में ‘SAMPADA (Scheme for Agro-Marine Processing and Development of Agro-Processing Clusters)’ किसके लिए है?", "options": [ "कृषि यंत्रीकरण", "खाद्य प्रसंस्करण ढाँचा, वैल्यू चैन, क्लस्टर विकास, निर्यात क्षमता बढ़ाने के लिए", "मत्स्य पालन", "बीमा सेवा" ], "correct": 1, "explanation": "SAMPADA (अब PM Kisan SAMPADA) खाद्य प्रसंस्करण से जुड़े प्रोजेक्ट्स के लिए वित्तीय सहायता, इन्फ्रास्ट्रक्चर, क्लस्टर आधारित विकास को प्रोत्साहित करती है, जिससे कृषि उत्पादों का वैल्यू एडिशन हो सके।" }, { "question": "‘NAFED (National Agricultural Cooperative Marketing Federation of India)’ का कार्य क्या है?", "options": [ "सरकारी बैंक है", "किसानों के उत्पादों की खरीद-बिक्री, भंडारण, प्रोसेसिंग आदि में सहकारी आधार पर मदद", "विदेशी कंपनी", "बीज निर्यात" ], "correct": 1, "explanation": "NAFED सहकारी स्तर पर कृषि उपज की खरीद, विपणन, भंडारण, आयात-निर्यात को सुगम बनाता है और किसानों के हितों की रक्षा करने में मदद करता है।" }, { "question": "कृषि प्रबंधन में ‘आर्टिफिशियल इंटेलिजेंस (AI)’ का उपयोग कैसे हो रहा है?", "options": [ "खेत मजदूर की जगह", "रियल-टाइम डेटा (उपग्रह, ड्रोन), फसल रोग पहचान, उपज अनुमान, सटीक संसाधन प्रबंधन", "सिर्फ बैंकिंग", "खेत को नुकसान" ], "correct": 1, "explanation": "AI और मशीन लर्निंग से फसल का रोग-निदान, कीटनाशक छिड़काव का समय, सिंचाई शेड्यूल और उपज पूर्वानुमान अधिक सटीक बनाया जा सकता है।" }, { "question": "‘आत्मनिर्भर कृषि’ का विचार क्या इंगित करता है?", "options": [ "केवल आयात पर निर्भर", "घरेलू उत्पादन इतना बढ़े कि खाद्यान्न, तिलहन, दालें आदि में आत्मनिर्भरता आए, बाहरी निर्भरता कम हो", "भंडारण रोकना", "किसानों को ऋण न देना" ], "correct": 1, "explanation": "आत्मनिर्भर कृषि का लक्ष्य है कि देश की भोजन, तेल, दाल जैसी आवश्यकताओं को घरेलू उत्पादन से पूरा किया जाए, जिससे आयात पर निर्भरता घटे और किसान की आय बढ़े।" }, { "question": "‘Agroforestry (कृषि वानिकी)’ क्या है?", "options": [ "केवल जंगल उगाना", "खेती और वानिकी को एकीकृत कर, पेड़ों/झाड़ियों और फसलों का साथ में प्रबंधन, भूमि उपयोग को अधिकतम करना", "पशुधन देखना", "मोटर वाहन उत्पादन" ], "correct": 1, "explanation": "एग्रोफोरेस्ट्री में किसान खेत के किनारों/खाली जगहों पर वृक्ष लगाते हैं, या फसल और पेड़ एक साथ उगाते हैं, जिससे मिट्टी संरक्षण, अतिरिक्त आय (लकड़ी, फल), जैवविविधता में सुधार होता है।" }, { "question": "‘चैलिंज ऑफ मार्केटिंग प्रोड्यूस’ में MSP का हर जगह लाभ क्यों नहीं मिलता?", "options": [ "MSP केवल सरकार ने कभी घोषित नहीं", "MSP कुछ फसलों व कुछ क्षेत्रों में प्रभावी; खरीद की सीमाएँ, भंडारण क्षमता की कमी", "MSP हर उत्पाद पर है", "किसान को MSP से हमेशा ज्यादातर फायदा" ], "correct": 1, "explanation": "MSP सभी जगह, सभी फसलों की खरीद के लिए लागू नहीं हो पाती; सरकार/FCI धान व गेहूँ का मुख्यतः खरीद करती है, कई राज्यों में खरीद तंत्र मजबूत नहीं होता, अतः कई किसानों को इसका लाभ सीमित मिलता है।" }, { "question": "‘गेहूँ-चावल के अलावा कोर्स अनाज (Coarse Cereals) प्रोत्साहन’ क्यों जरूरी है?", "options": [ "बेकार अनाज है", "हेल्दी, पोषक, कम पानी में उगने वाले मिलेट्स (ज्वार, बाजरा, रागी) को बढ़ावा देकर पोषण और जल संरक्षण", "केवल पशु चारे", "उपभोक्ता को अपमान" ], "correct": 1, "explanation": "मोटे अनाज (ज्वार, बाजरा, रागी) उच्च पोषकता, कम पानी की खपत, सूखे क्षेत्रों में उगने की क्षमता रखते हैं; इनसे पोषण सुरक्षा, विविधता व पर्यावरणीय लाभ मिलता है।" }, { "question": "कृषि उत्पादकता में ‘पीएचएम (पोस्ट हार्वेस्ट मैनेजमेंट)’ का क्या महत्त्व है?", "options": [ "कटाई के बाद फसल की संभाल, भंडारण, परिवहन, प्रसंस्करण तकनीक, ताकि क्षति कम हो व मूल्यवर्धन हो", "बीज बोना", "जैविक उर्वरक", "सरकारी टैक्स" ], "correct": 0, "explanation": "फसल कटाई के बाद उचित संभाल, सुखाना, ग्रेडिंग, पैकेजिंग, भंडारण, परिवहन इत्यादि तकनीक से नुकसान कम किया जाता है और उत्पाद की गुणवत्ता बनी रहती है।" }, { "question": "‘डेयरी, पोल्ट्री, मछलीपालन व बागवानी’ जैसी विविधिकरण से किसानों को क्या लाभ होता है?", "options": [ "जोखिम बढ़ना", "आय के कई स्रोत, एक फसल खराब होने पर दूसरे उद्यम से सहायता, सालभर नियमित नकद प्रवाह", "केवल मजदूरी बढ़ना", "ऋण मिलना कठिन" ], "correct": 1, "explanation": "कृषि विविधिकरण से किसान मौसम या दाम में उतार-चढ़ाव का जोखिम कम कर पाता है; साथ ही अल्पकालीन आमदनी (सब्जी, दुग्ध) व मध्यम अवधि (अनाज) आदि से बैलेंस बना रहता है।" }, { "question": "‘Mechanized transplanting of paddy’ में किसका उपयोग होता है?", "options": [ "खेत में हाथ से लगाना", "ट्रांसप्लांटर मशीन, जो पूर्व में उगाई गई नर्सरी को निर्धारित दूरी पर स्वचालित रोप देती है", "केवल ड्रोन", "पानी की बचत नहीं" ], "correct": 1, "explanation": "यंत्रीकृत धान रोपाई में एक मशीन उथली नर्सरी पौधों को उठाकर खेत में रोप देती है, जिससे श्रम की बचत व समय की कमी होती है, पौधों का स्थान दूरी भी सुसंगत रहता है।" }, { "question": "कृषि योजनाओं में ‘Paramparagat Krishi Vikas Yojana (PKVY)’ किससे संबंधित है?", "options": [ "रासायनिक खेती बढ़ाना", "परंपरागत जैविक खेती को प्रोत्साहन, समूह-आधारित प्रमाणन, जैविक ब्रांडिंग", "मत्स्य संपदा", "कृषि निर्यात बढ़ाना" ], "correct": 1, "explanation": "PKVY योजना का मकसद जैविक खेती के समूह विकसित करना, प्रमाणन, ब्रांडिंग, विपणन की सुविधा देकर किसानों को लाभ दिलाना है।" }, { "question": "कृषि निवेशों में ‘Capital Formation in Agriculture’ क्यों महत्वपूर्ण है?", "options": [ "विकास ठप करने को", "जल संसाधन, मशीनें, भंडारगृह, सड़क इत्यादि पर निवेश से उत्पादकता और किसान आय में स्थायी वृद्धि होती है", "केवल फसल बीमा", "उपभोक्ता को महंगा" ], "correct": 1, "explanation": "कृषि में पूँजीगत निवेश (सिंचाई, भंडारण, प्रसंस्करण, यंत्रीकरण) से टिकाऊ विकास, उत्पादकता बढ़ाना, आपूर्ति शृंखला में सुधार संभव है, जो किसान आय में स्थायी रूप से योगदान देता है।" }, { "question": "‘उर्वरक सब्सिडी प्रत्यक्ष लाभ अंतरण (DBT)’ का क्या लाभ होगा?", "options": [ "किसान उर्वरक दुकानदार को पैसा नहीं देगा", "सब्सिडी सीधे किसान या विक्रेता के खाते में स्थानांतरित, कालाबाजारी कम, पारदर्शिता बढ़", "कीमत बढ़ जाएगी", "पेट्रोल से जुड़ी" ], "correct": 1, "explanation": "उर्वरक पर सरकार काफी सब्सिडी देती है; DBT से उर्वरक बिक्री की ट्रैकिंग, भुगतान की पारदर्शिता, दुकानदार द्वारा काला बाज़ारी रोकने में मदद मिलती है।" }, { "question": "कृषि सुधार बिलों (2020) में एक पहल क्या थी?", "options": [ "APMC मंडियों को पूरी तरह रोकना", "किसानों को मंडी के बाहर भी बिक्री की आजादी, अनुबंध farming प्रोत्साहन", "MSP समाप्त होना", "कोई बदलाव नहीं" ], "correct": 1, "explanation": "कृषि विधेयक 2020 (बाद में विवादित हुए) में मुख्य प्रावधान था कि किसान APMC मंडी से बाहर भी व्यापार कर सकते हैं, इंटर-स्टेट व्यापार को बढ़ावा, कॉन्ट्रैक्ट फार्मिंग को कानूनी रूप से स्पष्ट करना आदि।" }, { "question": "‘Climate-Smart Agriculture’ का आशय क्या है?", "options": [ "केवल सिंचाई बंद", "जलवायु परिवर्तन अनुकूलन, उत्सर्जन घटाना, उत्पादकता बढ़ाना, ताकि खाद्य सुरक्षा बनी रहे", "कम उत्पादन", "फसल जलाना" ], "correct": 1, "explanation": "Climate-Smart Agriculture वह दृष्टिकोण है, जहाँ कृषि प्रणालियों को जलवायु परिवर्तन के प्रभावों (अनियमित बारिश, सूखा) के लिए अनुकूल व कम उत्सर्जक बनाया जाता है, साथ ही उत्पादकता भी बनी रहती है।" }, { "question": "‘किसान उड़ान योजना’ का उद्देश्य क्या है?", "options": [ "विमान खरीद", "मत्स्य पालन", "पहाड़ी व दूरस्थ इलाकों में हवाई मार्ग से कृषि उत्पादों का तेज़ परिवहन, ताकि खराब होने वाले उत्पाद जल्दी बाज़ार पहुँचे", "केवल क्रूज सेवा" ], "correct": 2, "explanation": "किसान उड़ान योजना (2019-20 से) में हवाई कॉरिडोर बनाकर किसानों के ताज़ा फल, सब्जी, फूल आदि को बड़े बाज़ारों तक शीघ्र पहुँचाना सरल हो जाता है, इससे लॉजिस्टिक्स समय कम होता है।" }, { "question": "‘Integrated Nutrient Management’ में कौन-सा पहलू गलत है?", "options": [ "रासायनिक खादों का संतुलित प्रयोग", "जैव उर्वरक व जैविक खादों का समावेश", "उपयुक्त माइक्रोन्यूट्रिएंट पूर्ति", "केवल रासायनिक कीटनाशक बढ़ाना" ], "correct": 3, "explanation": "एकीकृत पोषक तत्व प्रबंधन रासायनिक खाद, जैविक खाद, बायोफर्टिलाइजर को संतुलित तरीके से सम्मिलित करता है; कीटनाशकों का बढ़ाना इसका उद्देश्य नहीं है (यह पोषक तत्व प्रबंधन से जुड़ा नहीं)।" }, { "question": "कृषि-स्टार्टअप बढ़ने से किसानों को क्या लाभ हो सकता है?", "options": [ "नए ऐप, प्लेटफॉर्म, तकनीकी समाधान से विपणन, वित्त, फसल सलाह, लॉजिस्टिक्स आसानी से उपलब्ध होना", "सरकारी हस्तक्षेप कम", "अपराध बढ़ना", "कोई लाभ नहीं" ], "correct": 0, "explanation": "एग्री-स्टार्टअप जैसे E-commerce प्लेटफॉर्म, फसल सलाह ऐप, ड्रोन सर्वे आदि किसानों के लिए नए मार्ग खोलते हैं, लागत कम करते हैं और बाजार से सीधा जोड़ते हैं।" }, { "question": "फसल अवशेष प्रबंधन (पराली, भूसा) को जला देने से क्या समस्या होती है?", "options": [ "जैविक पदार्थ मिट्टी में मिल जाता है", "वायु प्रदूषण, मिट्टी सूक्ष्मजीवों का नाश, पोषक तत्वों का नुकसान", "उत्पादन बढ़ता है", "किसान को अनुदान" ], "correct": 1, "explanation": "पराली जलाने से वायु प्रदूषण, कार्बन उत्सर्जन, तथा मिट्टी के जैविक जीवन को नुकसान पहुंचता है, लंबे समय में मिट्टी की गुणवत्ता घटती है।" }, { "question": "‘कृषि में डेयरी, पोल्ट्री, मछलीपालन का हिस्सा बढ़ाने’ से आय कैसे बढ़ती है?", "options": [ "सिर्फ लागत बढ़ेगी", "ऑफ-सीजन में भी कमाई, पोषण मूल्य बढ़ता है, बाजार में विविध उत्पाद, मूल्यवर्धन के अवसर", "फसल उत्पादन प्रभावित", "कोई फायदा नहीं" ], "correct": 1, "explanation": "इन उद्यमों से फसल कटाई के बाद भी आय का स्रोत चलता रहता है, दुग्ध, अंडा, मछली आदि की मांग स्थिर रहती है, thus कुल आय का स्तर बढ़ सकता है।" }, { "question": "दक्षिण भारत में धान की खेती क्यों सफल मानी जाती है?", "options": [ "वहाँ बारिश बिल्कुल नहीं होती", "प्रचुर मानसून, नहर सिंचाई, बैकवाटर इत्यादि का उपयोग, दूसरी ओर तापमान भी अनुकूल", "कोई सिंचाई सुविधा नहीं", "ऊँचे पहाड़" ], "correct": 1, "explanation": "दक्षिण भारत (तमिलनाडु, आंध्र प्रदेश, केरल के कुछ भाग) में अच्छी वर्षा, सिंचाई योजनाओं, बैकवाटर, तापमान आदि के कारण धान की खेती सफल और बहुफसली रूप में हो पाती है।" }, { "question": "‘मधुमक्खी पालन (Beekeeping)’ भारतीय कृषि में क्यों प्रासंगिक हो रहा है?", "options": [ "मधु (शहद) उत्पादन, परागण में सहायता, अतिरिक्त आय का स्रोत", "कीट नुकसान", "बीज भंडार", "निरर्थक कार्य" ], "correct": 0, "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 -->
