Glaciers of Uttarakhand Quiz | हिमनद MCQs

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": "उत्तराखंड में ग्लेशियर (हिमनद) को स्थानीय भाषा में 'बमक' भी कहा जाता है।" }, { "question": "उत्तराखंड राज्य का सबसे बड़ा ग्लेशियर कौन सा है?", "options": [ "पिंडारी", "मिलम", "गंगोत्री", "संतोपथ" ], "correct": 2, "explanation": "उत्तरकाशी जिले में स्थित गंगोत्री ग्लेशियर राज्य का सबसे बड़ा ग्लेशियर है, जिसकी लम्बाई लगभग 30 किमी और चौड़ाई 2 किमी है।" }, { "question": "कुमाऊँ क्षेत्र का सबसे बड़ा ग्लेशियर कौन सा है?", "options": [ "पिंडारी", "मिलम", "कफनी", "नामिक" ], "correct": 1, "explanation": "पिथौरागढ़ जिले में स्थित मिलम ग्लेशियर कुमाऊँ क्षेत्र का सबसे बड़ा ग्लेशियर है, जिसकी लम्बाई लगभग 16 किमी है।" }, { "question": "कुमाऊँ क्षेत्र का दूसरा सबसे बड़ा ग्लेशियर कौन सा है?", "options": [ "मिलम", "पिंडारी", "सुन्दरढूंगा", "नामिक" ], "correct": 1, "explanation": "पिंडारी ग्लेशियर, जो बागेश्वर जिले में स्थित है, कुमाऊँ का दूसरा सबसे बड़ा ग्लेशियर है।" }, { "question": "देहरादून स्थित कौन सा संस्थान उत्तराखंड के ग्लेशियरों पर महत्वपूर्ण शोध कार्य कर रहा है?", "options": [ "वन अनुसंधान संस्थान (FRI)", "भारतीय सर्वेक्षण विभाग", "वाडिया इंस्टीट्यूट ऑफ हिमालयन जियोलॉजी", "भारतीय वन्यजीव संस्थान" ], "correct": 2, "explanation": "वाडिया इंस्टीट्यूट ऑफ हिमालयन जियोलॉजी, देहरादून, उत्तराखंड सहित पूरे हिमालय के ग्लेशियरों पर महत्वपूर्ण शोध कार्य कर रहा है।" }, { "question": "भागीरथी नदी (गंगा) का उद्गम किस ग्लेशियर के गोमुख नामक स्थान से होता है?", "options": [ "यमुनोत्री", "संतोपथ", "खतलिंग", "गंगोत्री" ], "correct": 3, "explanation": "पवित्र भागीरथी नदी का उद्गम गंगोत्री ग्लेशियर के अग्रभाग 'गोमुख' से होता है।" }, { "question": "रक्तवर्ण, चतुरंगी, और कीर्ति किस मुख्य ग्लेशियर के सहायक ग्लेशियर हैं?", "options": [ "पिंडारी", "मिलम", "गंगोत्री", "संतोपथ" ], "correct": 2, "explanation": "रक्तवर्ण, चतुरंगी, कीर्ति आदि कई सहायक ग्लेशियर मिलकर गंगोत्री ग्लेशियर समूह का निर्माण करते हैं।" }, { "question": "यमुनोत्री ग्लेशियर किस पर्वत के उत्तरी ढाल पर स्थित है?", "options": [ "त्रिशूल", "नंदा देवी", "चौखम्बा", "बंदरपूँछ" ], "correct": 3, "explanation": "यमुनोत्री ग्लेशियर, जहाँ से यमुना नदी निकलती है, बंदरपूँछ पर्वत के उत्तरी ढाल पर स्थित है।" }, { "question": "संतोपथ और भागीरथी खड़क ग्लेशियर किस नदी के प्रमुख उद्गम स्रोत हैं?", "options": [ "भागीरथी", "मंदाकिनी", "पिंडर", "अलकनंदा" ], "correct": 3, "explanation": "चमोली में स्थित संतोपथ व भागीरथी खड़क ग्लेशियर अलकनंदा नदी के प्रमुख उद्गम स्रोत हैं।" }, { "question": "अलकनंदा नदी के स्रोत, संतोपथ व भागीरथी खड़क ग्लेशियर, किस पर्वत के पास स्थित हैं?", "options": [ "त्रिशूल", "दूनागिरी", "चौखम्बा", "कामेत" ], "correct": 2, "explanation": "ये दोनों महत्वपूर्ण ग्लेशियर चौखम्बा पर्वत के पास स्थित हैं।" }, { "question": "बद्रीनाथ ग्लेशियर किस पर्वत श्रृंखला के पास स्थित है?", "options": [ "बंदरपूँछ", "नर-नारायण पर्वत श्रृंखला", "दूधातौली श्रृंखला", "जैक्सर श्रेणी" ], "correct": 1, "explanation": "बद्रीनाथ ग्लेशियर नर-नारायण पर्वत श्रृंखला और चौखम्बा शिखर के पास स्थित है।" }, { "question": "गोरी गंगा नदी का उद्गम किस ग्लेशियर से होता है?", "options": [ "पिंडारी", "नामिक", "मिलम", "रालम" ], "correct": 2, "explanation": "गोरी गंगा नदी का उद्गम कुमाऊँ के सबसे बड़े ग्लेशियर, मिलम ग्लेशियर (पिथौरागढ़) से होता है।" }, { "question": "पूर्वी रामगंगा नदी का उद्गम स्थल कौन सा ग्लेशियर है?", "options": [ "पोंटिंग", "नामिक", "काली", "हीरामणि" ], "correct": 1, "explanation": "पूर्वी रामगंगा नदी का उद्गम पिथौरागढ़ जनपद में स्थित नामिक ग्लेशियर से होता है।" }, { "question": "पिंडारी ग्लेशियर किन तीन प्रमुख शिखरों के बीच स्थित है?", "options": [ "बंदरपूँछ, चौखम्बा, केदारनाथ", "त्रिशूल, नंदा देवी और नंदा कोट", "कामेत, दूनागिरी, माणा", "स्वर्गारोहिणी, कीर्ति, मेरू" ], "correct": 1, "explanation": "पिंडारी ग्लेशियर त्रिशूल, नंदा देवी और नंदा कोट नामक तीन प्रसिद्ध पर्वत शिखरों के बीच स्थित है।" }, { "question": "पिंडर नदी का उद्गम किस ग्लेशियर से होता है?", "options": [ "मिलम", "कफनी", "पिंडारी", "सुन्दरढूंगा" ], "correct": 2, "explanation": "पिंडर नदी, जो कर्णप्रयाग में अलकनंदा से मिलती है, का उद्गम बागेश्वर जिले में स्थित पिंडारी ग्लेशियर से होता है।" }, { "question": "कफनी नदी, जो पिंडर की सहायक है, किस ग्लेशियर से निकलती है?", "options": [ "मैकतोली", "सुन्दरढूंगा", "कफनी", "बद्रीनाथ" ], "correct": 2, "explanation": "कफनी नदी का उद्गम पिंडारी ग्लेशियर के निकट नंदा देवी पर्वत के पास स्थित कफनी ग्लेशियर से होता है।" }, { "question": "मंदाकिनी नदी का उद्गम स्थल कौन सा ग्लेशियर है?", "options": [ "खतलिंग", "चौराबाड़ी", "केदारनाथ", "संतोपथ" ], "correct": 1, "explanation": "रुद्रप्रयाग जिले में केदारनाथ मंदिर के पास स्थित चौराबाड़ी ग्लेशियर से मंदाकिनी नदी का उद्गम होता है।" }, { "question": "2013 की केदारनाथ आपदा का संबंध किस ग्लेशियर से था?", "options": [ "गंगोत्री", "पिंडारी", "चौराबाड़ी", "खतलिंग" ], "correct": 2, "explanation": "2013 की केदारनाथ आपदा का एक मुख्य कारण चौराबाड़ी ग्लेशियर की झील (गांधी सरोवर) का टूटना था, जिससे मंदाकिनी नदी में अचानक बाढ़ आ गई थी।" }, { "question": "भिलंगना नदी का उद्गम किस ग्लेशियर से होता है?", "options": [ "जौनली", "गंगोत्री", "बंदरपूँछ", "खतलिंग" ], "correct": 3, "explanation": "टिहरी गढ़वाल जिले में स्थित खतलिंग ग्लेशियर से भागीरथी की प्रमुख सहायक नदी भिलंगना का उद्गम होता है।" }, { "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);

Glaciers of Uttarakhand Quiz | हिमनद MCQs

Lakes of Uttarakhand Quiz | Tal & Sarovar MCQs

Kunds & Waterfalls of Uttarakhand Quiz | Geography MCQs

Kunds & Waterfalls of Uttarakhand Quiz | Geography MCQs

Types of Forests in Uttarakhand Quiz | Flora & Vegetation MCQs

Forest Movements of Uttarakhand Quiz | Environmental History MCQs

Leave a Reply Cancel reply

क्या परीक्षा के नाम से हाथ-पैर ठंडे पड़ जाते हैं?

क्या आपका दिमाग भी पढ़ाई में धोखा देता है?

UPSC और PCS की तैयारी में एआई का सही उपयोग कैसे करें?

हिंदी व्याकरण में वाक्य रचना और उपवाक्य

जनजातीय गौरव दिवस: 15 नवंबर | भगवान बिरसा मुंडा की गाथा

हिंदी व्याकरण: उपसर्ग और प्रत्यय के भेद