Rajput Kingdoms

MCQ quiz /* Basic CSS resets */ * { margin: 0; padding: 0; box-sizing: border-box; } :root { /* Default Fallback Theme Variables (light green theme) */ --theme-body-bg: #f1f8e9; --theme-main-text: #33691e; --theme-header-bg: #7cb342; --theme-header-text: #ffffff; --theme-content-container-bg: #dcedc8; --theme-quiz-container-bg: #ffffff; --theme-question-text: #33691e; /* Original theme variable */ --theme-choice-bg: #dcedc8; /* Light variant for choice bg */ --theme-choice-text: #33691e; /* Original theme variable */ --theme-choice-border: #7cb342; /* Accent border for choice */ --theme-explanation-bg: #f1f8e9; --theme-explanation-border: #7cb342; --theme-explanation-text: #33691e; --theme-headings-text: #33691e; --theme-counter-text: #7cb342; --theme-timer-text: #c62828; /* Default red for timer */ --theme-button-primary-bg: #5cb85c; --theme-button-primary-hover-bg: #4cae4c; --theme-button-warning-bg: #f0ad4e; --theme-button-warning-hover-bg: #ec971f; --theme-button-info-bg: #5bc0de; --theme-button-info-hover-bg: #46b8da; --theme-button-danger-bg: #d9534f; --theme-button-danger-hover-bg: #d43f3a; } body { font-family: Arial, sans-serif; background-color: var(--theme-body-bg); color: var(--theme-main-text); transition: background-color 0.5s, color 0.5s; } .content-container { background-color: var(--theme-content-container-bg); padding: 20px; border-radius: 10px; max-width: 800px; margin: 30px auto; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); position: relative; transition: background-color 0.5s; } .header { background-color: var(--theme-header-bg); color: var(--theme-header-text); text-align: center; padding: 15px 20px; border-radius: 8px; margin-bottom: 25px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); position: relative; transition: background-color 0.5s, color 0.5s; } .header h2 { margin: 0; font-size: 1.8em; }

.hamburger { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; z-index: 1000; width: 25px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .hamburger-line { height: 3px; background-color: var(--theme-header-text); border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease; } .hamburger.active .hamburger-line:nth-child(1) { transform: translateY(8.5px) rotate(45deg); } .hamburger.active .hamburger-line:nth-child(2) { opacity: 0; } .hamburger.active .hamburger-line:nth-child(3) { transform: translateY(-8.5px) rotate(-45deg); }

#questionNavOverlay { position: fixed; top: 0; left: -300px; width: 300px; height: 100%; background-color: #ffffff; color: var(--theme-main-text); transition: left 0.3s ease-in-out; z-index: 2000; box-shadow: 3px 0 8px rgba(0,0,0,0.2); padding: 25px; overflow-y: auto; border-right: 1px solid #e0e0e0; } #questionNavOverlay.show { left: 0; } #questionNavTitle { margin-bottom: 15px; font-weight: bold; font-size: 1.2rem; color: var(--theme-headings-text); border-bottom: 1px solid #eee; padding-bottom: 10px; } .question-nav { display: flex; flex-wrap: wrap; gap: 8px; } .circle-number { width: 35px; height: 35px; border-radius: 50%; background-color: #e0e0e0; color: #333; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; transition: background-color 0.2s, color 0.2s, transform 0.2s; font-weight: 500; } .circle-number:hover { background-color: #bdbdbd; transform: scale(1.1); } .circle-number.active { background-color: var(--theme-header-bg); color: var(--theme-header-text); font-weight: bold; } .circle-number.answered { background-color: var(--theme-button-primary-bg); color: white; } .circle-number.current-review { background-color: var(--theme-button-warning-bg); color: white; border: 2px solid var(--theme-button-warning-hover-bg); } .circle-number.reviewed-correct { background-color: var(--theme-button-primary-bg); color: white; } .circle-number.reviewed-incorrect { background-color: var(--theme-button-danger-bg); color: white; } .circle-number.reviewed-skipped { background-color: #BDBDBD; color: #424242; }

.quiz-container { background-color: var(--theme-quiz-container-bg); border-radius: 8px; padding: 25px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12); width: 100%; margin: 0 auto; text-align: center; position: relative; } .quiz-header-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 10px; /* background-color: var(--theme-body-bg); Changed below */ border-radius: 6px; } .question-counter, .timer { /* Combined for shared new styles */ font-weight: bold; padding: 8px 12px; border-radius: 5px; background-color: var(--theme-choice-bg); /* Match choice background */ font-size: 0.9em; } .question-counter { color: var(--theme-counter-text); /* Original text color variable */ } .timer { color: var(--theme-timer-text); /* Original text color variable */ }

.question { font-size: 1.3rem; margin-top: 10px; margin-bottom: 15px; /* Reduced margin slightly */ text-align: left; color: #1A1A1A; /* Darker question text */ line-height: 1.6; } /* New Review Status Message Styles */ .review-status-message { padding: 10px; margin-top: 0px; /* Adjusted margin */ margin-bottom: 15px; border-radius: 5px; font-weight: bold; text-align: center; font-size: 0.95em; color: var(--theme-header-text); /* Default light text, background will provide contrast */ } .review-status-message.status-correct { background-color: var(--theme-button-primary-bg); } .review-status-message.status-incorrect { background-color: var(--theme-button-danger-bg); } .review-status-message.status-skipped { background-color: #BDBDBD; color: #222222; /* Darker text for grey background */ }

.choices { display: flex; flex-direction: column; gap: 12px; } .choice { padding: 15px; background-color: var(--theme-choice-bg); border: 1px solid var(--theme-choice-border); border-radius: 6px; cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s, border-color 0.3s; text-align: left; color: #1A1A1A; /* Darker choice text */ } .choice:hover:not(.disabled) { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .choice.selected { background-color: var(--theme-button-primary-bg) !important; color: var(--theme-header-text) !important; border-color: var(--theme-button-primary-hover-bg) !important; } .choice.correct { background-color: var(--theme-button-primary-bg) !important; border-color: var(--theme-button-primary-hover-bg) !important; color: var(--theme-header-text) !important; } .choice.incorrect { background-color: var(--theme-button-danger-bg) !important; border-color: var(--theme-button-danger-hover-bg) !important; color: var(--theme-header-text) !important; } .choice.user-selected-incorrect { background-color: var(--theme-button-danger-bg) !important; color: var(--theme-header-text) !important; border: 1px dashed var(--theme-button-danger-hover-bg) !important; } .choice.disabled { cursor: not-allowed; opacity: 0.7; }

.explanation { margin-top: 25px; text-align: left; background-color: var(--theme-explanation-bg); padding: 15px; border-left: 5px solid var(--theme-explanation-border); border-radius: 5px; color: var(--theme-explanation-text); line-height: 1.6; } .buttons { display: flex; justify-content: space-between; gap: 10px; margin-top: 30px; flex-wrap: wrap; } .btn { flex-grow: 1; padding: 12px 18px; background-color: var(--theme-button-primary-bg); color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 0.9rem; text-align: center; min-width: 120px; transition: background-color 0.2s, transform 0.1s; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .btn:hover:not(.disabled) { background-color: var(--theme-button-primary-hover-bg); transform: translateY(-1px); } .btn.btn-warning { background-color: var(--theme-button-warning-bg); } .btn.btn-warning:hover:not(.disabled) { background-color: var(--theme-button-warning-hover-bg); } .btn.btn-info { background-color: var(--theme-button-info-bg); } .btn.btn-info:hover:not(.disabled) { background-color: var(--theme-button-info-hover-bg); } .btn.btn-danger { background-color: var(--theme-button-danger-bg); } .btn.btn-danger:hover:not(.disabled) { background-color: var(--theme-button-danger-hover-bg); } .btn.disabled { background-color: #cccccc; cursor: not-allowed; transform: none; box-shadow: none; } .hidden { display: none !important; }

#resultContent { text-align: center; margin-top: 20px; padding: 30px; background-color: var(--theme-quiz-container-bg); border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.12); } #resultContent h3 { font-size: 1.8em; margin-bottom: 15px; color: var(--theme-headings-text); } .congrats { font-size: 1.6rem; color: var(--theme-button-primary-bg); margin-bottom: 10px; } .sad { font-size: 1.6rem; color: var(--theme-button-danger-bg); margin-bottom: 10px; } #scoreMessage { font-size: 1.1em; margin-bottom: 20px; color: var(--theme-main-text); }

#popupMessage { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); color: white; padding: 12px 25px; border-radius: 6px; font-size: 1rem; z-index: 5000; display: none; box-shadow: 0 4px 10px rgba(0,0,0,0.2); opacity: 0; transition: opacity 0.3s ease, bottom 0.3s ease; } #popupMessage.show { display: block; opacity: 1; bottom: 30px; } #popupMessage.correct { background-color: var(--theme-button-primary-bg); } #popupMessage.incorrect { background-color: var(--theme-button-danger-bg); } #popupMessage.skipped { background-color: #757575; }

.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; z-index: 6000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .modal-overlay.show { opacity: 1; visibility: visible; } .modal-content { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); text-align: center; max-width: 400px; width: 90%; transform: scale(0.9); transition: transform 0.3s ease; color: #333; } .modal-overlay.show .modal-content { transform: scale(1); } .modal-content h4 { font-size: 1.4em; margin-bottom: 15px; } .modal-content p { font-size: 1em; margin-bottom: 25px; } .modal-buttons { display: flex; justify-content: flex-end; gap: 10px; } .modal-buttons .btn { min-width: 100px; } .btn-secondary { background-color: #aaa; } .btn-secondary:hover { background-color: #999; }

@media (max-width: 600px) { .content-container { margin: 10px; padding: 10px; } .header h2 { font-size: 1.4em; } .hamburger { left: 10px; width: 22px; height: 18px; } .question { font-size: 1rem; margin-bottom: 15px; } /* Adjusted margin */ .choice { padding: 10px; } .quiz-container { padding: 15px; } .review-status-message { font-size: 0.9em; padding: 8px; margin-bottom:10px;}

.quiz-header-info { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; padding: 8px !important; margin-bottom: 15px !important; } .timer, .question-counter { width: auto !important; text-align: left !important; font-size: 0.8em !important; padding: 6px 8px !important; }

.buttons { flex-direction: row !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 5px !important; margin-top: 20px !important; } .btn { width: auto !important; flex-grow: 1 !important; flex-basis: 0 !important; margin-bottom: 0 !important; padding: 8px 5px !important; font-size: 0.75rem !important; min-width: 0 !important; text-align: center !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .buttons .btn:last-child { margin-bottom: 0 !important; } } Quiz

Questions Overview

1/3 Time: 00:00 Loading question... Previous Next Submit

Quiz Completed!

Review Quiz Restart Quiz

Confirm Submission Are you sure you want to submit the quiz?

Cancel Submit

const quizData = [ { "question": "राजपूत शब्द संस्कृत के किस शब्द से लिया गया है?", "options": ["राजपुत्र", "राजवंशी", "राजाधिराज", "राजकुल"], "correct": 0, "explanation": "राजपूत शब्द संस्कृत के 'राज-पुत्र' से लिया गया है, जिसका अर्थ 'राजा का पुत्र' है।" }, { "question": "अग्निकुंड सिद्धांत के अनुसार, राजपूतों की उत्पत्ति किस पर्वत पर महर्षि वशिष्ठ के अग्निकुंड से हुई थी?", "options": ["हिमालय", "विंध्य", "अरावली", "आबू पर्वत"], "correct": 3, "explanation": "अग्निकुंड सिद्धांत कहता है कि राजपूतों की उत्पत्ति आबू पर्वत पर महर्षि वशिष्ठ के अग्निकुंड से हुई थी।" }, { "question": "अग्निकुंड सिद्धांत के अनुसार, निम्नलिखित में से कौन सा एक प्रमुख राजपूत वंश अग्निकुंड से उत्पन्न नहीं हुआ था?", "options": ["प्रतिहार", "परमार", "चौहान", "चंदेल"], "correct": 3, "explanation": "अग्निकुंड सिद्धांत के अनुसार, प्रतिहार, परमार, चौहान और चालुक्य (सोलंकी) चार प्रमुख राजपूत वंश अग्निकुंड से उत्पन्न हुए, चंदेल नहीं।" }, { "question": "कर्नल जेम्स टॉड जैसे विद्वानों के अनुसार, राजपूतों की उत्पत्ति किस विदेशी जाति से हुई थी?", "options": ["यूनानी", "रोमन", "शक, कुषाण और हूण", "अरब"], "correct": 2, "explanation": "कर्नल जेम्स टॉड का मानना है कि राजपूत शक, कुषाण और हूण जैसी विदेशी जातियों के वंशज थे।" }, { "question": "गुर्जर-प्रतिहार वंश का संस्थापक कौन था?", "options": ["मिहिरभोज", "नागभट्ट प्रथम", "वत्सराज", "महेंद्रपाल"], "correct": 1, "explanation": "गुर्जर-प्रतिहार वंश का संस्थापक नागभट्ट प्रथम था।" }, { "question": "चौहान/चाहमान वंश का महान शासक पृथ्वीराज चौहान तृतीय किस युद्ध के लिए प्रसिद्ध है?", "options": ["तराइन के युद्ध", "पानीपत के युद्ध", "खानवा के युद्ध", "हल्दीघाटी के युद्ध"], "correct": 0, "explanation": "पृथ्वीराज चौहान तृतीय तराइन के युद्धों (1191 और 1192 ईस्वी) के लिए प्रसिद्ध है।" }, { "question": "मालवा के परमार वंश का महान विद्वान और निर्माता शासक कौन था?", "options": ["सीअक द्वितीय", "भोज परमार", "वाक्पति मुंज", "उपेन्द्र"], "correct": 1, "explanation": "भोज परमार मालवा के परमार वंश का एक महान विद्वान और निर्माता शासक था।" }, { "question": "सोमनाथ मंदिर पर महमूद गजनवी के आक्रमण के समय काठियावाड़/गुजरात के सोलंकी/चालुक्य वंश का शासक कौन था?", "options": ["मूलराज प्रथम", "भीमदेव प्रथम", "सिद्धराज जयसिंह", "कुमारपाल"], "correct": 1, "explanation": "सोमनाथ मंदिर पर महमूद गजनवी के आक्रमण के समय भीमदेव प्रथम सोलंकी/चालुक्य वंश का शासक था।" }, { "question": "खजुराहो के प्रसिद्ध मंदिरों का निर्माण किस राजपूत वंश ने करवाया था?", "options": ["परमार", "चंदेल", "सोलंकी", "गहड़वाल"], "correct": 1, "explanation": "चंदेल वंश ने खजुराहो के प्रसिद्ध मंदिरों का निर्माण करवाया था।" }, { "question": "राजपूत काल में प्रशासन की प्रमुख प्रकृति क्या थी?", "options": ["अत्यधिक केंद्रीकृत", "सामंती प्रकृति", "लोकतांत्रिक", "सैन्यवादी"], "correct": 1, "explanation": "राजपूत काल में प्रशासन सामंती प्रकृति का था, जिसमें केंद्रीय शक्ति कमजोर और स्थानीय सामंत शक्तिशाली थे।" }, { "question": "राजपूत काल में 'जौहर प्रथा' किससे संबंधित थी?", "options": ["राज्याभिषेक समारोह", "युद्ध से पहले की प्रार्थना", "युद्ध में हार की स्थिति में राजपूत स्त्रियों द्वारा सामूहिक आत्मदाह", "युद्ध के बाद विजय उत्सव"], "correct": 2, "explanation": "जौहर प्रथा युद्ध में हार की स्थिति में राजपूत स्त्रियों द्वारा अपनी इज्जत बचाने के लिए सामूहिक आत्मदाह थी।" }, { "question": "'पृथ्वीराज रासो' नामक महत्वपूर्ण साहित्यिक कृति की रचना किसने की थी?", "options": ["कालिदास", "बाणभट्ट", "चंदबरदाई", "जयदेव"], "correct": 2, "explanation": "'पृथ्वीराज रासो' की रचना चंदबरदाई ने की थी।" }, { "question": "राजपूत काल में मंदिर निर्माण कला किस स्थिति में थी?", "options": ["शुरुआती चरण में", "गिरावट पर", "अपने चरमोत्कर्ष पर", "अस्तित्वहीन"], "correct": 2, "explanation": "राजपूत काल में मंदिर निर्माण कला अपने चरमोत्कर्ष पर थी।" }, { "question": "खजुराहो के मंदिर किस शैली के उत्कृष्ट उदाहरण हैं?", "options": ["द्रविड़ शैली", "वेसर शैली", "नागर शैली", "गांधार शैली"], "correct": 2, "explanation": "खजुराहो के मंदिर नागर शैली के उत्कृष्ट उदाहरण हैं।" }, { "question": "पुरी का लिंगराज मंदिर और जगन्नाथ मंदिर किस शैली के उदाहरण हैं?", "options": ["नागर शैली (उड़ीसा शैली)", "द्रविड़ शैली", "वेसर शैली", "पाल शैली"], "correct": 0, "explanation": "पुरी का लिंगराज मंदिर और जगन्नाथ मंदिर उड़ीसा शैली के उदाहरण हैं, जो नागर शैली का एक उप-प्रकार है।" }, { "question": "कोणार्क का सूर्य मंदिर किस नाम से प्रसिद्ध है?", "options": ["श्वेत पैगोडा", "ब्लैक पैगोडा", "स्वर्ण मंदिर", "लाल मंदिर"], "correct": 1, "explanation": "कोणार्क का सूर्य मंदिर 'ब्लैक पैगोडा' के नाम से प्रसिद्ध है।" }, { "question": "माउंट आबू में स्थित दिलवाड़ा के जैन मंदिर किस राजपूत वंश द्वारा निर्मित हैं?", "options": ["चंदेल", "परमार", "सोलंकी", "गुहिल"], "correct": 2, "explanation": "दिलवाड़ा के जैन मंदिर सोलंकियों द्वारा निर्मित हैं।" }, { "question": "तराइन के प्रथम और द्वितीय युद्ध (1191 और 1192 ईस्वी) किनके बीच लड़े गए थे?", "options": ["पृथ्वीराज चौहान और महमूद गजनवी", "पृथ्वीराज चौहान और मुहम्मद गोरी", "जयचंद और मुहम्मद गोरी", "राणा सांगा और बाबर"], "correct": 1, "explanation": "तराइन के युद्ध पृथ्वीराज चौहान और मुहम्मद गोरी के बीच लड़े गए थे।" }, { "question": "राजपूत राज्यों के पतन का एक प्रमुख कारण क्या था?", "options": ["आर्थिक समृद्धि", "आपसी फूट और राजनीतिक विखंडन", "मजबूत केंद्रीय सत्ता", "आधुनिक सैन्य रणनीतियाँ"], "correct": 1, "explanation": "राजपूत राज्यों का पतन आपसी फूट और राजनीतिक विखंडन के कारण हुआ।" }, { "question": "राजपूत सेनाएँ किस पर अधिक निर्भर थीं, जो तुर्की आक्रमणकारियों की तुलना में एक कमजोरी साबित हुई?", "options": ["पैदल सेना", "घुड़सवार सेना", "हाथियों पर", "नौसेना"], "correct": 2, "explanation": "राजपूत सेनाएँ अक्सर हाथियों पर अधिक निर्भर थीं, जबकि तुर्की आक्रमणकारी तेज गति वाले घुड़सवारों का उपयोग करते थे।" }, { "question": "किस विद्वान ने राजपूतों को शक, कुषाण और हूण जैसी विदेशी जातियों का वंशज माना है?", "options": ["कर्नल जेम्स टॉड", "आर.सी. मजूमदार", "जी.एच. ओझा", "दशरथ शर्मा"], "correct": 0, "explanation": "कर्नल जेम्स टॉड जैसे विद्वानों का मानना है कि राजपूत शक, कुषाण और हूण जैसी विदेशी जातियों के वंशज थे।" }, { "question": "गुर्जर-प्रतिहार वंश की प्रारंभिक राजधानी क्या थी?", "options": ["कन्नौज", "धार", "अवन्ति", "अन्हिलवाड़ा"], "correct": 2, "explanation": "गुर्जर-प्रतिहार वंश की प्रारंभिक राजधानी अवन्ति थी, जिसे बाद में कन्नौज स्थानांतरित किया गया।" }, { "question": "मेवाड़ के गुहिल/सिसोदिया वंश का वास्तविक संस्थापक किसे माना जाता है?", "options": ["हम्मीर प्रथम", "राणा कुम्भा", "बप्पा रावल", "राणा सांगा"], "correct": 2, "explanation": "बप्पा रावल को मेवाड़ के गुहिल/सिसोदिया वंश का वास्तविक संस्थापक माना जाता है।" }, { "question": "राजपूत काल में 'जागीरों' में भूमि का विभाजन किस व्यवस्था का हिस्सा था?", "options": ["केंद्रीयकृत प्रशासन", "सामंती व्यवस्था", "ग्राम स्वशासन", "व्यापारिक संघ"], "correct": 1, "explanation": "भूमि को जागीरों में विभाजित किया जाता था और सामंतों को दिया जाता था, जो सामंती व्यवस्था का हिस्सा था।" }, { "question": "राजपूत काल में महिलाओं की स्थिति के संबंध में कौन सा कथन सही नहीं है?", "options": ["महिलाओं की स्थिति में गिरावट आई।", "बाल विवाह का प्रचलन बढ़ा।", "सती प्रथा का प्रचलन बढ़ा।", "महिलाओं को संपत्ति में पूर्ण अधिकार प्राप्त थे।"], "correct": 3, "explanation": "राजपूत काल में महिलाओं की स्थिति में गिरावट आई और उन्हें संपत्ति के अधिकार से वंचित किया जाने लगा।" }, { "question": "गहड़वाल/राठौर वंश की राजधानी क्या थी?", "options": ["अजमेर", "चित्तौड़", "कन्नौज", "उज्जैन"], "correct": 2, "explanation": "गहड़वाल/राठौर वंश की राजधानी कन्नौज थी।" }, { "question": "राजपूत काल में शिक्षा का केंद्र मुख्य रूप से क्या थे?", "options": ["विश्वविद्यालय", "गुरुकुल", "मंदिर और मठ", "शाही दरबार"], "correct": 2, "explanation": "राजपूत काल में शिक्षा का केंद्र मुख्य रूप से मंदिर और मठ थे।" }, { "question": "राजपूतों के पतन में 'सामाजिक स्तरीकरण' ने कैसे योगदान दिया?", "options": ["इसने समाज में एकता बढ़ाई।", "इसने निचली जातियों की भागीदारी को प्रतिबंधित किया।", "इसने सैन्य शक्ति को मजबूत किया।", "इसने आर्थिक विकास को बढ़ावा दिया।"], "correct": 1, "explanation": "कठोर जाति व्यवस्था ने समाज के व्यापक वर्गों (विशेषकर निचली जातियों) की रक्षा और राज्य निर्माण में भागीदारी को प्रतिबंधित कर दिया, जिससे राजपूतों की क्षमता कमजोर हुई।" }, { "question": "किस राजपूत वंश ने अपनी वीरता और स्वतंत्रता के लिए विशेष प्रसिद्धि प्राप्त की थी?", "options": ["चौहान", "परमार", "सोलंकी", "गुहिल/सिसोदिया"], "correct": 3, "explanation": "मेवाड़ के गुहिल/सिसोदिया वंश अपनी वीरता और स्वतंत्रता के लिए प्रसिद्ध था।" }, { "question": "राजपूत काल की अवधि मोटे तौर पर कब से कब तक मानी जाती है?", "options": ["तीसरी से छठी शताब्दी ईस्वी", "सातवीं से बारहवीं शताब्दी ईस्वी", "बारहवीं से पंद्रहवीं शताब्दी ईस्वी", "पंद्रहवीं से अठारहवीं शताब्दी ईस्वी"], "correct": 1, "explanation": "राजपूत काल की अवधि मोटे तौर पर 7वीं से 12वीं शताब्दी ईस्वी तक मानी जाती है।" } ] ;

let currentQuestionIndex = 0; let userAnswers = Array(quizData.length).fill(null); let totalQuizTime = quizData.length * 30; let timeLeft = totalQuizTime; let timerInterval; let quizSubmitted = false; let reviewMode = false; let popupTimeout;

// DOM Elements const questionEl = document.getElementById("question"); const choicesEl = document.getElementById("choices"); const explanationEl = document.getElementById("explanation"); const questionCounterEl = document.getElementById("questionCounter"); const timerEl = document.getElementById("timer"); const prevButton = document.getElementById("prevButton"); const nextButton = document.getElementById("nextButton"); const submitQuizButton = document.getElementById("submitQuizButton"); const reviewQuizButton = document.getElementById("reviewQuizButton"); const restartQuizButton = document.getElementById("restartQuizButton"); const quizContentEl = document.getElementById("quizContent"); const resultContentEl = document.getElementById("resultContent"); const resultMessageEl = document.getElementById("resultMessage"); const scoreMessageEl = document.getElementById("scoreMessage"); const questionNavEl = document.getElementById("questionNav"); const questionNavOverlayEl = document.getElementById('questionNavOverlay'); const hamburgerBtn = document.getElementById('hamburgerBtn'); const popupMessageEl = document.getElementById('popupMessage'); const submitConfirmationModalEl = document.getElementById('submitConfirmationModal'); const confirmSubmitBtn = document.getElementById('confirmSubmitBtn'); const cancelSubmitBtn = document.getElementById('cancelSubmitBtn'); const reviewStatusMessageEl = document.getElementById('reviewStatusMessage'); // New element

function generateQuestionNav() { questionNavEl.innerHTML = ""; quizData.forEach((_, index) => { const circle = document.createElement("div"); circle.classList.add("circle-number"); circle.innerText = index + 1; circle.onclick = () => jumpToQuestion(index);

if (reviewMode) { if (userAnswers[index] === null) { circle.classList.add("reviewed-skipped"); } else if (userAnswers[index] === quizData[index].correct) { circle.classList.add("reviewed-correct"); } else { circle.classList.add("reviewed-incorrect"); } } else { if (userAnswers[index] !== null) { circle.classList.add("answered"); } } questionNavEl.appendChild(circle); }); highlightCurrentCircle(); }

function jumpToQuestion(qIndex) { currentQuestionIndex = qIndex; questionNavOverlayEl.classList.remove('show'); hamburgerBtn.classList.remove('active'); loadQuestion(); }

function loadQuestion() { if (currentQuestionIndex = quizData.length) return;

const questionData = quizData[currentQuestionIndex]; questionEl.innerText = questionData.question; questionCounterEl.innerText = `${currentQuestionIndex + 1}/${quizData.length}`; choicesEl.innerHTML = ""; explanationEl.classList.add("hidden"); reviewStatusMessageEl.classList.add('hidden'); // Hide review status by default

questionData.options.forEach((option, index) => { const choiceElement = document.createElement("div"); choiceElement.className = "choice"; choiceElement.innerText = option;

if (reviewMode) { choiceElement.classList.add("disabled"); if (index === questionData.correct) { choiceElement.classList.add("correct"); } if (userAnswers[currentQuestionIndex] === index && index !== questionData.correct) { choiceElement.classList.add("user-selected-incorrect"); } } else { if (userAnswers[currentQuestionIndex] === index) { choiceElement.classList.add("selected"); } choiceElement.onclick = () => { if (!reviewMode) { userAnswers[currentQuestionIndex] = index; document.querySelectorAll("#choices .choice").forEach(c => c.classList.remove("selected")); choiceElement.classList.add("selected"); generateQuestionNav(); } }; } choicesEl.appendChild(choiceElement); });

if (reviewMode) { explanationEl.innerHTML = " व्याख्या (Explanation): " + questionData.explanation; explanationEl.classList.remove("hidden"); // Update and show review status message reviewStatusMessageEl.classList.remove('hidden', 'status-correct', 'status-incorrect', 'status-skipped'); if (userAnswers[currentQuestionIndex] === null) { reviewStatusMessageEl.textContent = "आपने यह प्रश्न छोड़ दिया। (You skipped this question.)"; reviewStatusMessageEl.classList.add('status-skipped'); showPopupMessage("You skipped this question.", "skipped"); } else if (userAnswers[currentQuestionIndex] === questionData.correct) { reviewStatusMessageEl.textContent = "आपका उत्तर सही है! (Your answer is correct!)"; reviewStatusMessageEl.classList.add('status-correct'); showPopupMessage("You got it right!", "correct"); } else { reviewStatusMessageEl.textContent = "आपका उत्तर गलत है। (Your answer is incorrect.)"; reviewStatusMessageEl.classList.add('status-incorrect'); showPopupMessage("You got it wrong.", "incorrect"); } } else { popupMessageEl.classList.remove('show'); popupMessageEl.classList.add('hidden'); reviewStatusMessageEl.classList.add('hidden'); // Ensure it's hidden if not in review mode } updateButtonVisibility(); highlightCurrentCircle(); }

function updateButtonVisibility() { prevButton.classList.toggle("disabled", currentQuestionIndex === 0); prevButton.disabled = currentQuestionIndex === 0;

const isLastQuestion = currentQuestionIndex === quizData.length - 1; nextButton.classList.toggle("disabled", isLastQuestion); nextButton.disabled = isLastQuestion;

if (quizSubmitted && !reviewMode) { prevButton.classList.add("hidden"); nextButton.classList.add("hidden"); submitQuizButton.classList.add("hidden"); } else if (reviewMode) { submitQuizButton.classList.add("hidden"); prevButton.classList.remove("hidden"); nextButton.classList.remove("hidden"); } else { submitQuizButton.classList.remove("hidden"); prevButton.classList.remove("hidden"); nextButton.classList.remove("hidden"); } }

function previousQuestion() { if (currentQuestionIndex > 0) { currentQuestionIndex--; loadQuestion(); } }

function nextQuestion() { if (currentQuestionIndex < quizData.length - 1) { currentQuestionIndex++; loadQuestion(); } }

function showSubmitConfirmationModal() { submitConfirmationModalEl.classList.remove('hidden'); submitConfirmationModalEl.classList.add('show'); }

function hideSubmitConfirmationModal() { submitConfirmationModalEl.classList.remove('show'); submitConfirmationModalEl.classList.add('hidden'); }

function submitQuizActions() { quizSubmitted = true; reviewMode = false; clearInterval(timerInterval);

const correctAnswersCount = userAnswers.filter( (ans, i) => ans !== null && ans === quizData[i].correct ).length;

quizContentEl.classList.add("hidden"); resultContentEl.classList.remove("hidden");

reviewQuizButton.classList.remove("hidden"); restartQuizButton.classList.remove("hidden"); updateButtonVisibility(); hideSubmitConfirmationModal(); }

function startReview() { reviewMode = true; quizSubmitted = true; currentQuestionIndex = 0;

resultContentEl.classList.add("hidden"); quizContentEl.classList.remove("hidden");

generateQuestionNav(); loadQuestion(); }

function restartQuiz() { currentQuestionIndex = 0; userAnswers = Array(quizData.length).fill(null); quizSubmitted = false; reviewMode = false;

resultContentEl.classList.add("hidden"); quizContentEl.classList.remove("hidden"); explanationEl.classList.add("hidden"); popupMessageEl.classList.remove('show'); popupMessageEl.classList.add('hidden'); reviewStatusMessageEl.classList.add('hidden'); // Hide review status on restart

generateQuestionNav(); loadQuestion(); startTimer(); updateButtonVisibility(); }

hamburgerBtn.addEventListener('click', () => { questionNavOverlayEl.classList.toggle('show'); hamburgerBtn.classList.toggle('active'); });

function applyRandomTheme() { const rootStyle = document.documentElement.style; const randomTheme = themes[Math.floor(Math.random() * themes.length)];

rootStyle.setProperty('--theme-body-bg', randomTheme.bodyBg); rootStyle.setProperty('--theme-main-text', randomTheme.containerText); rootStyle.setProperty('--theme-header-bg', randomTheme.header); rootStyle.setProperty('--theme-header-text', randomTheme.headerText); rootStyle.setProperty('--theme-content-container-bg', randomTheme.container); rootStyle.setProperty('--theme-quiz-container-bg', '#ffffff'); // These are now overridden by direct CSS for darker text, but theme variables still set rootStyle.setProperty('--theme-question-text', randomTheme.headings); rootStyle.setProperty('--theme-choice-text', randomTheme.headings); rootStyle.setProperty('--theme-choice-bg', randomTheme.container); rootStyle.setProperty('--theme-choice-border', randomTheme.header);

rootStyle.setProperty('--theme-explanation-bg', randomTheme.bodyBg); rootStyle.setProperty('--theme-explanation-border', randomTheme.header); rootStyle.setProperty('--theme-explanation-text', randomTheme.headings); rootStyle.setProperty('--theme-headings-text', randomTheme.headings); rootStyle.setProperty('--theme-counter-text', randomTheme.header); // Timer text color is defined in :root as --theme-timer-text: #c62828; // If you want timer text to match header: // rootStyle.setProperty('--theme-timer-text', randomTheme.header); }

window.onload = function() { applyRandomTheme(); generateQuestionNav(); loadQuestion(); startTimer(); updateButtonVisibility();

prevButton.addEventListener('click', previousQuestion); nextButton.addEventListener('click', nextQuestion); submitQuizButton.addEventListener('click', showSubmitConfirmationModal); reviewQuizButton.addEventListener('click', startReview); restartQuizButton.addEventListener('click', restartQuiz); confirmSubmitBtn.addEventListener('click', submitQuizActions); cancelSubmitBtn.addEventListener('click', hideSubmitConfirmationModal); };

function showPopupMessage(message, type) { if (popupTimeout) clearTimeout(popupTimeout); popupMessageEl.innerText = message; popupMessageEl.className = 'hidden'; popupMessageEl.classList.add('show', type); popupTimeout = setTimeout(() => { popupMessageEl.classList.remove('show'); }, 2500); }

Rajput Kingdoms

Pallavas, Chalukyas, Rashtrakutas

Palas, Pratiharas, and Rashtrakutas

Palas, Pratiharas, and Rashtrakutas

Arab and Turk Invasions

Slave Dynasty

Leave a Reply Cancel reply