Uttarakhand's Role in Freedom Struggle Quiz

Quiz Uttarakhand GK /* 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: 800px; margin: 50px auto 20px auto; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); position: relative; }

/* Hamburger Menu Icon */ .hamburger { position: absolute; top: 15px; left: 15px; z-index: 1500; width: 25px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .hamburger-line { height: 3px; background-color: #333; border-radius: 2px; }

/* Sidebar (Question Nav) */ #questionNavOverlay { position: fixed; top: 0; left: -250px; 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; } #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; 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: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 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: 15px; left: 55px; } .timer { font-weight: bold; padding: 5px 10px; border-radius: 5px; background-color: #ffcccb; position: absolute; top: 15px; right: 15px; }

.question { font-size: 1.2rem; margin-top: 60px; 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; text-align: left; } .choice:hover { background-color: #e0e0e0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .choice.selected { background-color: #28a745; color: #fff; } .choice.correct { background-color: #28a745; border-color: #28a745; color: #fff; } .choice.incorrect { background-color: #dc3545; 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: 10px 15px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 1rem; text-align: center; min-width: 120px; max-width: 180px; transition: background-color 0.3s; } .btn:hover { background-color: #45a049; } .btn.disabled { background-color: #cccccc; cursor: not-allowed; opacity: 0.8; } .hidden { display: none; }

/* Result Section */ #resultContent { text-align: center; margin-top: 20px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .congrats { font-size: 1.8rem; color: #4CAF50; margin-bottom: 10px; } .sad { font-size: 1.8rem; color: #d32f2f; margin-bottom: 10px; } #scoreMessage { font-size: 1.2rem; }

/* Styles for the Review Mode */ #reviewContainer { padding: 10px; } .review-question-container { background-color: #fff; padding: 20px; margin-bottom: 15px; border-radius: 8px; } .review-question-container h3 { margin-bottom: 15px; font-size: 1.2rem; color: #333; } .review-option { padding: 10px; margin: 5px 0; border-radius: 5px; border: 1px solid #ddd; background-color: #f8f9fa; display: flex; /* NEW: For aligning checkmark */ justify-content: space-between; /* NEW: For aligning checkmark */ align-items: center; /* NEW: For aligning checkmark */ } .review-option.correct-answer { background-color: #d4edda; /* Light green */ border-color: #c3e6cb; color: #155724; font-weight: bold; } .review-option.user-incorrect { background-color: #f8d7da; /* Light red */ border-color: #f5c6cb; color: #721c24; text-decoration: line-through; } .review-explanation { margin-top: 15px; padding: 15px; border-left: 5px solid #2196F3; background-color: #e7f3fe; border-radius: 5px; color: #333; } /* NEW: Style for the top button container in review mode */ #reviewTopButtons { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; }

/* Popup Message */ #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; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } #popupMessage.show { display: block; } #popupMessage.correct { background-color: #28a745; } #popupMessage.incorrect { background-color: #dc3545; }

/* Instruction Screen */ #instructionScreen { background-color: #fff; border-radius: 10px; padding: 25px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 600px auto; margin: 20px auto; text-align: left; } #instructionScreen h2 { text-align: center; margin-bottom: 20px; color: #33691e; font-size: 1.8rem; } #instructionScreen ul { list-style-type: disc; margin-left: 25px; margin-bottom: 20px; line-height: 1.6; color: #555; } #instructionScreen ul li { margin-bottom: 8px; } #startQuizBtn { display: block; width: 60%; margin: 0 auto; padding: 15px 25px; background-color: #4CAF50; color: white; border: none; border-radius: 8px; font-size: 1 rem; cursor: pointer; transition: background-color 0.3s, transform 0.2s; } #startQuizBtn:hover { background-color: #45a049; transform: translateY(-2px); } #startQuizBtn:active { transform: translateY(0); }

/* Responsive adjustments */ @media (max-width: 768px) { .content-container, #instructionScreen { margin: 10px; padding: 10px; } .quiz-container { padding: 15px; } .question { font-size: 1.1rem; margin-top: 55px; } .btn { padding: 8px 10px; font-size: 0.9rem; min-width: 90px; max-width: 120px; } #instructionScreen h2 { font-size: 1.5rem; } #startQuizBtn { width: 80%; padding: 12px 20px; font-size: 1.1rem; } }

Questions

Instructions इस Quiz में Topic से संबंधित प्रश्न हैं। प्रत्येक प्रश्न के लिए आपको सीमित समय मिलेगा। एक बार उत्तर सबमिट करने के बाद आप उसे बदल नहीं सकते। आप किसी भी प्रश्न पर जाने के लिए साइडबार नेविगेशन का उपयोग कर सकते हैं। Quiz पूरा होने पर आपको अपना स्कोर और व्याख्या दिखाई जाएगी। शुभकामनाएं! Start

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

Quiz Completed

Review

/***** JavaScript Code *****/ const quizData = [ { "question": "उत्तराखंड का प्रथम स्वतंत्रता सेनानी किसे माना जाता है?", "options": [ "बद्री दत्त पाण्डेय", "हरगोविंद पंत", "कालू सिंह मेहरा", "श्रीदेव सुमन" ], "correct": 2, "explanation": "कालू सिंह मेहरा को उत्तराखंड का प्रथम स्वतंत्रता सेनानी माना जाता है, जिन्होंने 1857 के संग्राम के दौरान चम्पावत में अंग्रेजों के विरुद्ध विद्रोह का प्रयास किया था।" }, { "question": "कालू सिंह मेहरा द्वारा 1857 में बनाए गए गुप्त संगठन का क्या नाम था?", "options": [ "अभिनव भारत", "मित्र मेला", "क्रान्तिवीर", "गदर पार्टी" ], "correct": 2, "explanation": "कालू सिंह मेहरा ने 1857 के संग्राम के दौरान 'क्रान्तिवीर' नामक एक गुप्त संगठन बनाकर अंग्रेजों के विरुद्ध विद्रोह का प्रयास किया।" }, { "question": "1870 में अल्मोड़ा में राजनीतिक चेतना का प्रारंभिक केंद्र बना 'डिबेटिंग क्लब' किसके प्रयासों से स्थापित हुआ?", "options": [ "बद्री दत्त पांडे", "पं. बुद्धिबल्लभ पंत", "हरगोविंद पंत", "गोविंद बल्लभ पंत" ], "correct": 1, "explanation": "'डिबेटिंग क्लब' की स्थापना 1870 में अल्मोड़ा में पं. बुद्धिबल्लभ पंत की सलाह पर हुई, जिसके संरक्षक भीम सिंह थे।" }, { "question": "1912 में अल्मोड़ा में कांग्रेस की स्थापना का श्रेय किसे जाता है?", "options": [ "बद्री दत्त पांडे", "गोविंद बल्लभ पंत", "ज्वालादत्त जोशी और सदानंद सनवाल", "विक्टर मोहन जोशी" ], "correct": 2, "explanation": "1912 में अल्मोड़ा में कांग्रेस की स्थापना ज्वालादत्त जोशी, सदानंद सनवाल आदि के प्रयासों से हुई।" }, { "question": "1916 में गठित 'कुमाऊँ परिषद्' का मुख्य उद्देश्य क्या था?", "options": [ "केवल पृथक राज्य की मांग", "सामाजिक, आर्थिक और शैक्षिक समस्याओं का समाधान", "केवल दलित उत्थान", "अंग्रेजों का समर्थन" ], "correct": 1, "explanation": "'कुमाऊँ परिषद्' का प्रारंभिक उद्देश्य सामाजिक, आर्थिक और शैक्षिक समस्याओं का समाधान करना था, जिसने बाद में कुली बेगार जैसे आंदोलनों का नेतृत्व किया।" }, { "question": "कुली बेगार प्रथा के विरुद्ध ऐतिहासिक आंदोलन 13-14 जनवरी 1921 को किस स्थान पर हुआ?", "options": [ "अल्मोड़ा", "बागेश्वर (सरयू तट)", "नैनीताल", "देहरादून" ], "correct": 1, "explanation": "यह ऐतिहासिक आंदोलन उत्तरायणी मेले के अवसर पर 13-14 जनवरी 1921 को बागेश्वर में सरयू नदी के तट पर हुआ।" }, { "question": "कुली बेगार आंदोलन का नेतृत्व किसने किया था?", "options": [ "गोविंद बल्लभ पंत", "बद्री दत्त पाण्डेय, हरगोविंद पंत और चिरंजीलाल", "श्रीदेव सुमन", "अनुसूया प्रसाद बहुगुणा" ], "correct": 1, "explanation": "कुली बेगार आंदोलन का सफल नेतृत्व बद्री दत्त पाण्डेय, हरगोविंद पंत और चिरंजीलाल ने किया था।" }, { "question": "महात्मा गांधी ने किस आंदोलन को 'रक्तहीन क्रांति' की संज्ञा दी थी?", "options": [ "असहयोग आंदोलन", "सल्ट की क्रांति", "कुली बेगार आंदोलन", "डोला-पालकी आंदोलन" ], "correct": 2, "explanation": "कुली बेगार आंदोलन की सफलता और अहिंसक प्रकृति से प्रभावित होकर महात्मा गांधी ने इसे 'रक्तहीन क्रांति' कहा।" }, { "question": "डांडी यात्रा में गांधीजी के साथ उत्तराखंड से कौन शामिल हुए थे?", "options": [ "बद्री दत्त पांडे और हरगोविंद पंत", "ज्योतिराम कांडपाल, भैरव दत्त जोशी और खड़क बहादुर", "श्रीदेव सुमन और अनुसूया प्रसाद बहुगुणा", "विक्टर मोहन जोशी और मोहन सिंह मेहता" ], "correct": 1, "explanation": "उत्तराखंड से ज्योतिराम कांडपाल, भैरव दत्त जोशी और खड़क बहादुर ने गांधीजी के साथ प्रसिद्ध डांडी यात्रा में भाग लिया था।" }, { "question": "पेशावर कांड की घटना कब हुई, जिसमें वीर चंद्र सिंह गढ़वाली ने निहत्थे पठानों पर गोली चलाने से मना कर दिया?", "options": [ "13 अप्रैल 1919", "23 अप्रैल 1930", "5 सितंबर 1942", "15 अगस्त 1947" ], "correct": 1, "explanation": "पेशावर कांड की ऐतिहासिक घटना 23 अप्रैल 1930 को हुई थी, जिसने भारतीय स्वतंत्रता संग्राम में सैनिकों के बीच भी राष्ट्रीयता की भावना को उजागर किया।" }, { "question": "उत्तराखंड में प्रथम व्यक्तिगत सत्याग्रही कौन थे?", "options": [ "श्रीदेव सुमन", "जगमोहन सिंह नेगी", "बद्री दत्त पांडे", "हरगोविंद पंत" ], "correct": 1, "explanation": "गांधीजी द्वारा शुरू किए गए व्यक्तिगत सत्याग्रह में उत्तराखंड से प्रथम सत्याग्रही जगमोहन सिंह नेगी थे।" }, { "question": "सल्ट (खुमाड़) की घटना, जिसमें गंगाराम और खीमादेव शहीद हुए, कब हुई थी?", "options": [ "1930", "1932", "1942 (5 सितंबर)", "1944" ], "correct": 2, "explanation": "भारत छोड़ो आंदोलन के दौरान 5 सितंबर 1942 को अल्मोड़ा के सल्ट (खुमाड़) में पुलिस फायरिंग में गंगाराम और खीमादेव नामक दो भाई शहीद हो गए।" }, { "question": "किस स्थान को 'कुमाऊँ का बारदोली' कहा जाता है?", "options": [ "देघाट", "बागेश्वर", "सल्ट", "चनौदा" ], "correct": 2, "explanation": "भारत छोड़ो आंदोलन में सक्रिय भूमिका के कारण अल्मोड़ा के सल्ट क्षेत्र को गांधीजी द्वारा 'कुमाऊँ का बारदोली' की संज्ञा दी गई।" }, { "question": "टिहरी रियासत में उत्तरदायी शासन की स्थापना के लिए 'टिहरी राज्य प्रजामंडल' का गठन कब और कहाँ हुआ?", "options": [ "1939, देहरादून", "1938, टिहरी", "1942, श्रीनगर", "1930, पौड़ी" ], "correct": 0, "explanation": "टिहरी रियासत में राजशाही के विरुद्ध और उत्तरदायी शासन की स्थापना के लिए 23 जनवरी 1939 को देहरादून में 'टिहरी राज्य प्रजामंडल' का गठन किया गया।" }, { "question": "किस स्वतंत्रता सेनानी ने 84 दिनों की भूख हड़ताल के बाद 25 जुलाई 1944 को प्राण त्याग दिए?", "options": [ "नागेंद्र सकलानी", "बद्री दत्त पांडे", "श्रीदेव सुमन", "वीर चंद्र सिंह गढ़वाली" ], "correct": 2, "explanation": "श्रीदेव सुमन ने टिहरी जेल में 84 दिनों की ऐतिहासिक भूख हड़ताल के बाद 25 जुलाई 1944 को प्राण त्याग दिए।" }, { "question": "टिहरी रियासत का भारत में विलय कब हुआ?", "options": [ "15 अगस्त 1947", "1 अगस्त 1949", "26 जनवरी 1950", "9 नवंबर 2000" ], "correct": 1, "explanation": "टिहरी राज्य प्रजामंडल के आंदोलन के परिणामस्वरूप 1 अगस्त 1949 को टिहरी रियासत का भारत संघ में विलय हो गया।" }, { "question": "आजाद हिन्द फौज (INA) में उत्तराखंड से लगभग कितने सैनिक थे?", "options": [ "500", "1000", "1500", "2500" ], "correct": 3, "explanation": "एक अनुमान के अनुसार, आजाद हिन्द फौज के कुल सैनिकों में लगभग 12% यानि 2500 सैनिक उत्तराखंड से थे।" }, { "question": "स्वतंत्रता आंदोलन में जेल जाने वाली उत्तराखंड की प्रथम महिला के रूप में किसे जाना जाता है?", "options": [ "सरला बहन", "मीरा बहन", "कुंती वर्मा", "बिश्नी देवी शाह" ], "correct": 3, "explanation": "बिश्नी देवी शाह को स्वतंत्रता आंदोलन में जेल जाने वाली उत्तराखंड की प्रथम महिला माना जाता है। उन्होंने 1930 में अल्मोड़ा नगरपालिका पर तिरंगा फहराया था।" }, { "question": "कौसानी में 'लक्ष्मी आश्रम' की स्थापना किसने की, जिसने महिला जागृति में योगदान दिया?", "options": [ "गौरा देवी", "तुलसी देवी", "सरला बहन", "मीरा बहन" ], "correct": 2, "explanation": "गांधीजी की अंग्रेज शिष्या सरला बहन (कैथरीन मेरी हेल्वमन) ने कौसानी में 'लक्ष्मी आश्रम' की स्थापना कर महिला जागृति और स्वतंत्रता आंदोलन में महत्वपूर्ण योगदान दिया।" } ]

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

const instructionScreen = document.getElementById('instructionScreen'); const quizContent = document.getElementById('quizContent'); const resultContent = document.getElementById('resultContent'); const reviewContainer = document.getElementById('reviewContainer'); const startQuizBtn = document.getElementById('startQuizBtn'); const hamburgerBtn = document.getElementById('hamburgerBtn'); const questionNavOverlay = document.getElementById('questionNavOverlay'); const prevButton = document.getElementById('prevButton'); const submitAnswerButton = document.getElementById('submitAnswerButton'); const nextButton = document.getElementById('nextButton'); const reviewQuizBtn = document.getElementById('reviewQuizBtn');

window.onload = function() { applyRandomTheme(); quizContent.classList.add('hidden'); instructionScreen.classList.remove('hidden'); hamburgerBtn.classList.add('hidden'); };

startQuizBtn.addEventListener('click', () => { instructionScreen.classList.add('hidden'); quizContent.classList.remove('hidden'); hamburgerBtn.classList.remove('hidden'); generateQuestionNav(); loadQuestion(); startTimer(); });

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

document.addEventListener('click', (e) => { const navOverlay = document.getElementById('questionNavOverlay'); const hamburger = document.getElementById('hamburgerBtn'); if (navOverlay.classList.contains('show') && !navOverlay.contains(e.target) && !hamburger.contains(e.target)) { navOverlay.classList.remove('show'); } });

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

function jumpToQuestion(qIndex) { currentQuestionIndex = qIndex; document.getElementById('questionNavOverlay').classList.remove('show'); submitAnswerButton.classList.remove("hidden"); nextButton.classList.add("hidden"); loadQuestion(); }

function nextQuestion() { currentQuestionIndex++; if (currentQuestionIndex >= quizData.length) { showResults(); } else { loadQuestion(); } }

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

// --- Back to Score button at the TOP --- const backBtn = document.createElement('button'); backBtn.innerText = 'Back to Score'; backBtn.className = 'btn'; backBtn.style.display = 'block'; backBtn.style.margin = '0 auto 20px auto'; // Center it backBtn.onclick = () => { reviewContainer.classList.add('hidden'); resultContent.classList.remove('hidden'); }; reviewContainer.appendChild(backBtn); // --- Loop to show all questions --- quizData.forEach((questionData, index) => { const questionContainer = document.createElement('div'); questionContainer.className = 'review-question-container';

const questionTitle = document.createElement('h3'); questionTitle.innerText = `प्रश्न ${index + 1}: ${questionData.question}`; questionContainer.appendChild(questionTitle); questionData.options.forEach((option, optionIndex) => { const optionDiv = document.createElement('div'); optionDiv.className = 'review-option'; const optionText = document.createElement('span'); optionText.innerText = option; optionDiv.appendChild(optionText);

if (optionIndex === questionData.correct) { optionDiv.classList.add('correct-answer'); if (userAnswers[index] === questionData.correct) { const checkmark = document.createElement('span'); checkmark.innerHTML = '&check;'; checkmark.style.fontSize = '1.5em'; checkmark.style.color = '#155724'; optionDiv.appendChild(checkmark); } } if (optionIndex === userAnswers[index] && userAnswers[index] !== questionData.correct) { optionDiv.classList.add('user-incorrect'); } questionContainer.appendChild(optionDiv); });

const explanationDiv = document.createElement('div'); explanationDiv.className = 'review-explanation'; explanationDiv.innerHTML = ` व्याख्या: ${questionData.explanation}`; questionContainer.appendChild(explanationDiv); reviewContainer.appendChild(questionContainer); });

// --- Restart Quiz button at the BOTTOM --- const restartBtn = document.createElement('button'); restartBtn.innerText = 'Restart Quiz'; restartBtn.className = 'btn'; restartBtn.style.display = 'block'; restartBtn.style.margin = '20px auto 10px auto'; // Center it restartBtn.onclick = () => window.location.reload(); reviewContainer.appendChild(restartBtn);

reviewContainer.appendChild(topButtonContainer); quizData.forEach((questionData, index) => { const questionContainer = document.createElement('div'); questionContainer.className = 'review-question-container'; const questionTitle = document.createElement('h3'); questionTitle.innerText = `प्रश्न ${index + 1}: ${questionData.question}`; questionContainer.appendChild(questionTitle); questionData.options.forEach((option, optionIndex) => { const optionDiv = document.createElement('div'); optionDiv.className = 'review-option'; const optionText = document.createElement('span'); // Span for text optionText.innerText = option; optionDiv.appendChild(optionText);

// Highlight correct answer if (optionIndex === questionData.correct) { optionDiv.classList.add('correct-answer'); // NEW: Add a checkmark if the user's answer was also correct if (userAnswers[index] === questionData.correct) { const checkmark = document.createElement('span'); checkmark.innerHTML = '&check;'; // Checkmark symbol checkmark.style.fontSize = '1.5em'; checkmark.style.color = '#155724'; optionDiv.appendChild(checkmark); } } // Highlight user's incorrect answer if (optionIndex === userAnswers[index] && userAnswers[index] !== questionData.correct) { optionDiv.classList.add('user-incorrect'); } questionContainer.appendChild(optionDiv); });

const explanationDiv = document.createElement('div'); explanationDiv.className = 'review-explanation'; explanationDiv.innerHTML = ` व्याख्या: ${questionData.explanation}`; questionContainer.appendChild(explanationDiv); reviewContainer.appendChild(questionContainer); }); }

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); }

prevButton.addEventListener('click', previousQuestion); submitAnswerButton.addEventListener('click', submitAnswer); nextButton.addEventListener('click', nextQuestion); reviewQuizBtn.addEventListener('click', startReview);

Uttarakhand’s Role in Freedom Struggle Quiz | History

British Rule in Uttarakhand Quiz | History & Administration

Dola Palki Movement of Uttarakhand Quiz | Social Reform

Dola Palki Movement of Uttarakhand Quiz | Social Reform

Nasha Nahi Rozgar Do Movement Quiz | Uttarakhand History

Irrigation Systems of Uttarakhand Quiz | Geography MCQs

Leave a Reply Cancel reply