पदार्थ एवं उसकी प्रकृति (Matter and Its Nature) Quiz

Quiz /* CSS Styles */ body { font-family: Arial, sans-serif; background-color: #f1f8e9; color: #33691e; line-height: 1.8; margin: 0; padding: 0; } .content-container { background-color: #dcedc8; padding: 20px; border-radius: 10px; max-width: 1200px; margin: 20px auto; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } .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); } .header h1 { margin: 0; font-size: 28px; } .quiz-container { background-color: white; border-radius: 10px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; max-width: 600px; width: 90%; position: relative; margin: 0 auto; } .question-counter, .timer { font-weight: bold; padding: 5px 10px; border-radius: 5px; } .question-counter { background-color: #d9edf7; position: absolute; top: 10px; left: 10px; } .timer { 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; } .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; /* Green color */ color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 0.9rem; text-align: center; min-width: 100px; max-width: 150px; transition: none; /* No hover effect */ } .btn.disabled { background-color: #cccccc; cursor: not-allowed; } .congrats { font-size: 1.5rem; color: #4CAF50; } .sad { font-size: 1.5rem; color: #d32f2f; } .explanation { margin-top: 20px; text-align: left; background-color: #e7f3fe; padding: 15px; border-left: 5px solid #2196F3; border-radius: 5px; } /* Hide elements */ .hidden { display: none; } /* Instruction Screen Styles */ #instructionScreen { text-align: left; position: relative; } #instructionScreen h2 { text-align: center; } #instructionScreen ul { list-style-type: disc; padding-left: 20px; } #startQuizButton { display: block; margin: 20px auto 0 auto; /* Center the button */ } /* Popup Message Styles */ #popupMessage { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); color: white; padding: 10px 20px; border-radius: 5px; font-size: 1rem; z-index: 1000; display: none; /* Hidden by default */ } #popupMessage.show { display: block; } #popupMessage.correct { background-color: #28a745; /* Green */ } #popupMessage.incorrect { background-color: #dc3545; /* Red */ } Quiz Instructions Welcome to the Quiz! Please read the following instructions carefully before starting:

The quiz consists of multiple-choice questions. You have a total of minutes to complete the quiz. Each question carries equal marks. Click on the option you think is correct. Use the "Next" and "Previous" buttons to navigate through the questions. Once you submit the quiz, you cannot change your answers. Start Quiz 1/3 Total Time: 05:00 Loading question... Previous Next Submit Quiz Completed

Review

// JavaScript Code const quizData = [ { "question": "पदार्थ की कितनी प्रमुख अवस्थाएँ आमतौर पर जानी जाती हैं?", "options": [ "दो - ठोस और द्रव", "तीन - ठोस, द्रव, और गैस", "चार - ठोस, द्रव, गैस और प्लाज़्मा", "पाँच - ठोस, द्रव, गैस, प्लाज़्मा और बोस-आइंस्टीन संघनन" ], "correct": 3, "explanation": "आमतौर पर पाँच अवस्थाएँ मानी जाती हैं: ठोस, द्रव, गैस, प्लाज़्मा, और बोस-आइंस्टीन संघनन (BEC)।" }, { "question": "बोस-आइंस्टीन संघनन (Bose-Einstein Condensate) किस स्थिति में प्राप्त होता है?", "options": [ "बहुत उच्च ताप पर", "बहुत निम्न ताप पर", "सामान्य कक्ष ताप पर", "केवल उच्च दाब पर" ], "correct": 1, "explanation": "बोस-आइंस्टीन संघनन अति निम्न ताप पर प्राप्त होता है, जहाँ पदार्थ के कुछ कण एक ही निम्न ऊर्जा अवस्था में आ जाते हैं।" }, { "question": "ठोस अवस्था में अणु कैसे व्यवस्थित होते हैं?", "options": [ "बहुत दूर-दूर, अनियमित", "घनत्व कम, अनियमित", "सघनता से भरे, निश्चित आकार और आयतन", "अति उच्च गतिज ऊर्जा" ], "correct": 2, "explanation": "ठोस में कण निकटता से बंधे, एक निश्चित ज्यामितीय संरचना और निश्चित आकार तथा आयतन रखते हैं।" }, { "question": "द्रव अवस्था की विशेषता क्या है?", "options": [ "निश्चित आकार और निश्चित आयतन", "निश्चित आयतन पर आकार अनिश्चित", "न आकार निश्चित न आयतन निश्चित", "केवल निश्चित आकार" ], "correct": 1, "explanation": "द्रव में निश्चित आयतन तो होता है लेकिन उसका अपना निश्चित आकार नहीं, वह पात्र के आकार का कुछ भाग लेता है।" }, { "question": "गैसीय अवस्था में कणों की गतिज ऊर्जा कैसी होती है?", "options": [ "बहुत कम", "बहुत अधिक", "नियत", "शून्य" ], "correct": 1, "explanation": "गैस में कण स्वतंत्र रूप से बहुत उच्च गतिज ऊर्जा के साथ गति करते हैं, कोई निश्चित आकार या आयतन नहीं होता।" }, { "question": "प्लाज़्मा अवस्था क्या है?", "options": [ "आवेश रहित गैस", "आवेशित कणों से बनी अति-ऊर्जा वाली गैस जैसी अवस्था", "ठोस का रूप", "नियंत्रित तरल" ], "correct": 1, "explanation": "प्लाज़्मा आवेशित कणों (आयनों और इलेक्ट्रॉनों) से बनी गैस के समान उच्च ऊर्जा अवस्था है।" }, { "question": "यौगिक (Compound) क्या है?", "options": [ "दो या अधिक तत्त्वों के रासायनिक संयोग से बना एक विशुद्ध पदार्थ", "केवल एक तत्त्व", "मनचाहा मिश्रण", "अवश्य संधारित्र" ], "correct": 0, "explanation": "यौगिक दो या अधिक तत्त्वों के निश्चित अनुपात में रासायनिक संयोग से बना शुद्ध पदार्थ है।" }, { "question": "मिश्रण (Mixture) की परिभाषा क्या है?", "options": [ "रासायनिक रूप से संयुक्त पदार्थ", "शुद्ध पदार्थ", "दो या अधिक पदार्थों का भौतिक मिश्रण जिसमें उनके गुण बने रहते हैं", "केवल एक तत्त्व" ], "correct": 2, "explanation": "मिश्रण दो या अधिक पदार्थों को भौतिक रूप से मिलाने से बनता है, इसमें पदार्थ अपने मूल गुणधर्म बनाए रखते हैं।" }, { "question": "समांग मिश्रण (Homogeneous Mixture) क्या होता है?", "options": [ "संपूर्ण मिश्रण में संरचना एकसमान", "आकार में विभिन्न", "अलग-अलग परतें दिखती हैं", "अवश्य ठोस रूप में" ], "correct": 0, "explanation": "समांग मिश्रण में मिश्रण के सभी भागों में संरचना एवं गुणधर्म समान होते हैं, जैसे चीनी का पानी में विलयन।" }, { "question": "विषमांग मिश्रण (Heterogeneous Mixture) की विशेषता?", "options": [ "हर भाग में समान संरचना", "भिन्न-भिन्न भागों में अलग संरचना, परतें या कण दिखाई दे सकते हैं", "केवल गैस अवस्था", "केवल तरल अवस्था" ], "correct": 1, "explanation": "विषमांग मिश्रण में विभिन्न घटक अलग-अलग स्पष्ट रूप से दिख सकते हैं, जैसे रेत और पानी का मिश्रण।" }, { "question": "निम्न में से कौन-सा उदाहरण विषमांग मिश्रण का है?", "options": [ "चीनी का पानी में विलयन", "दूध (ध्यान: कोलॉयड होने से macroscopically तो समांग दिखता है, लेकिन सूक्ष्म स्तर पर विषमांग है। फिर भी आमतौर पर दूध को समांग नहीं माना जाता, यह कोलॉयड है; यहाँ स्पष्ट विकल्प लें)", "समुद्री जल", "रेत और पानी" ], "correct": 3, "explanation": "रेत और पानी साफ विषमांग मिश्रण है क्योंकि रेत अलग दिखती है।" }, { "question": "निम्न में से समांग मिश्रण का उदाहरण?", "options": [ "पानी में नमक घोला हुआ", "जल और तेल", "लोहा और सल्फर का मिश्रण", "रेत और पानी" ], "correct": 0, "explanation": "पानी में नमक घोलने पर समांगी विलयन बनता है, जिसमें नमक एक समान फैला होता है।" }, { "question": "छानना (Filtration) किस प्रकार के मिश्रण पृथक्करण में उपयोगी है?", "options": [ "ठोस-विलायक मिश्रण जिसका ठोस अविलेय हो", "केवल गैस मिश्रण", "केवल समांग विलयन", "केवल लवणीय विलयन" ], "correct": 0, "explanation": "Filtration ठोस और द्रव के मिश्रण से अघुलनशील ठोस को पृथक करने में उपयोगी है।" }, { "question": "वाष्पीकरण (Evaporation) से हम क्या कर सकते हैं?", "options": [ "घुलनशील ठोस को विलयन से पृथक करना", "केवल गैस अलग करना", "धातु पृथक करना", "द्रव को ठोस में बदलना" ], "correct": 0, "explanation": "वाष्पीकरण द्वारा विलयन के द्रव को उड़ाकर ठोस घुलनशील पदार्थ प्राप्त किया जाता है।" }, { "question": "विसर्जन (Distillation) किसके लिए उपयोगी है?", "options": [ "दो या अधिक आपस में घुलनशील तरलों को उनके वाष्पनांक के अंतर से अलग करने", "केवल ठोस को छानना", "धातु को आकार देना", "गैसों को ठोस बनाना" ], "correct": 0, "explanation": "Distillation विभिन्न वाष्पनांक वाले तरलों को अलग करने में उपयोगी है।" }, { "question": "विभेदन (Fractional Distillation) कब उपयोगी है?", "options": [ "जब तरलों के वाष्पनांक में बहुत कम अंतर हो", "केवल ठोस पृथक्करण", "धातु से ध्वनि निकालने", "कभी नहीं" ], "correct": 0, "explanation": "Fractional distillation दो तरलों के वाष्पनांक का अंतर कम होने पर उपयोग होता है, जैसे पेट्रोलियम अंशों को अलग करने में।" }, { "question": "क्रोमैटोग्राफी (Chromatography) का उपयोग किसमें होता है?", "options": [ "रंगों या अन्य घुलनशील पदार्थों के मिश्रण को अलग करना", "धातु शोधन", "ध्वनि विकिरण", "गैस दाब मापना" ], "correct": 0, "explanation": "Chromatography घुलनशील पदार्थों के जटिल मिश्रण को उनके अलग-अलग अवशोषण गुणों पर आधारित कर पृथक करती है।" }, { "question": "रुद्ध आसवन (Distillation under reduced pressure) कब प्रयुक्त होता है?", "options": [ "जब पदार्थ का सामान्य क्वथनांक बहुत अधिक हो", "केवल ठोस में", "केवल धातु खनन में", "जब ताप कम करने की चाह न हो" ], "correct": 0, "explanation": "कम दाब पर आसवन तब काम आता है जब तरल का क्वथनांक बहुत अधिक हो, दाब घटाने से क्वथनांक कम हो जाता है।" }, { "question": "क्रिस्टलीकरण (Crystallization) किसलिए उपयोगी है?", "options": [ "अमिश्रणीय तरल अलग करने", "अभ्रारी ठोस को अलग करने", "एक द्रव्य को शुद्ध ठोस क्रिस्टल रूप में प्राप्त करने", "ध्वनि मापने" ], "correct": 2, "explanation": "Crystallization विलयन से शुद्ध ठोस क्रिस्टल निकालने में उपयोगी है।" }, { "question": "चुंबकीय पृथक्करण (Magnetic Separation) कब प्रयोग में लाया जाता है?", "options": [ "जब मिश्रण में एक घटक चुंबकीय गुणधर्म रखता हो", "जब कोई धातु न हो", "केवल तरल में", "केवल गैस में" ], "correct": 0, "explanation": "यदि मिश्रण में कोई चुंबकीय पदार्थ हो तो चुंबकीय अलगाव से उसे बाकी से अलग किया जाता है।" }, { "question": "वर्णमंडलीय विश्लेषण (Chromatographic analysis) में कौन सा चरण महत्वपूर्ण है?", "options": [ "स्थिर चरण और गतिशील चरण", "केवल तापमान", "केवल दाब", "कोई चरण नहीं" ], "correct": 0, "explanation": "Chromatography में एक स्टेशनरी फेज और एक मोबाइल फेज होता है, पदार्थ इनके बीच अलग-अलग गति से आगे बढ़कर पृथक होते हैं।" }, { "question": "मिश्रणों को अलग करने का प्राथमिक सिद्धांत क्या है?", "options": [ "भौतिक गुणों में अंतर (वाष्पनांक, घुलनशीलता, चुंबकत्व, आदि)", "रासायनिक बंधन तोड़ना", "आवेश नष्ट करना", "ध्वनि में बदलना" ], "correct": 0, "explanation": "मिश्रण की अलगाव तकनीक भौतिक गुणधर्मों के अंतर पर आधारित होती है, जैसे उबाल बिंदु, घुलनशीलता, चुंबकत्व आदि।" }, { "question": "कागजी क्रोमैटोग्राफी (Paper Chromatography) किस पर आधारित है?", "options": [ "विभिन्न घटकों की स्टेशनरी फेज (कागज) पर सोखने की क्षमता का अंतर", "धातु खनन", "ध्वनि संचार", "केवल वाष्पनांक" ], "correct": 0, "explanation": "पेपर क्रोमैटोग्राफी में कागज स्टेशनरी फेज है, घटक अलग-अलग सोखे जाने की क्षमता के कारण अलग होते हैं।" } ];

let currentQuestionIndex = 0; let userAnswers = Array(quizData.length).fill(null); let timer; let totalQuizTime = quizData.length * 30; // Total time in seconds let timeLeft = totalQuizTime; let isReviewing = false;

function formatTime(seconds) { const mins = Math.floor(seconds / 60).toString().padStart(2, '0'); const secs = (seconds % 60).toString().padStart(2, '0'); return `${mins}:${secs}`; }

function startQuiz() { document.getElementById('instructionScreen').classList.add('hidden'); document.getElementById('quizContent').classList.remove('hidden'); loadQuestion(); timer = setInterval(updateTimer, 1000); }

function loadQuestion() { if (timeLeft <= 0) { submitQuiz(); return; }

if (isReviewing) { document.getElementById("timer").style.display = "none"; } else { document.getElementById("timer").style.display = "block"; }

document.getElementById("explanation").style.display = "none";

const questionData = quizData[currentQuestionIndex]; document.getElementById("question").innerText = questionData.question;

const choicesContainer = document.getElementById("choices"); choicesContainer.innerHTML = "";

document.getElementById("questionCounter").innerText = `${currentQuestionIndex + 1}/${quizData.length}`;

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

if (isReviewing) { choiceElement.classList.add("disabled"); const userAnswer = userAnswers[currentQuestionIndex];

if (userAnswer === index) { if (userAnswer === questionData.correct) { choiceElement.classList.add("correct"); } else { choiceElement.classList.add("incorrect"); } } else if (questionData.correct === index) { choiceElement.classList.add("correct"); } } else { if (userAnswers[currentQuestionIndex] === index) { choiceElement.classList.add("selected"); } choiceElement.onclick = () => selectAnswer(index, choiceElement); }

choicesContainer.appendChild(choiceElement); });

if (isReviewing) { const explanationElement = document.getElementById("explanation"); explanationElement.innerText = "व्याख्या: " + questionData.explanation; explanationElement.style.display = "block";

// Show popup message const userAnswer = userAnswers[currentQuestionIndex]; let popupMessageText = "";

if (userAnswer === null) { popupMessageText = "You Skipped the question"; showPopupMessage(popupMessageText, false); } else { let isCorrect = userAnswer === questionData.correct; if (isCorrect) { popupMessageText = "You got it right"; showPopupMessage(popupMessageText, true); } else { popupMessageText = "You got it wrong"; showPopupMessage(popupMessageText, false); } } }

document.getElementById("prevButton").style.display = currentQuestionIndex === 0 ? "none" : "inline-block";

if (isReviewing) { document.getElementById("nextButton").style.display = currentQuestionIndex === quizData.length - 1 ? "none" : "inline-block"; document.getElementById("submitButton").style.display = "none"; } else { document.getElementById("nextButton").style.display = currentQuestionIndex === quizData.length - 1 ? "none" : "inline-block"; document.getElementById("submitButton").style.display = currentQuestionIndex === quizData.length - 1 ? "inline-block" : "none"; }

if (!isReviewing) { document.getElementById("timer").innerText = `समय शेष: ${formatTime(timeLeft)}`; } }

function updateTimer() { timeLeft--; document.getElementById("timer").innerText = `समय शेष: ${formatTime(timeLeft)}`; if (timeLeft <= 0) { clearInterval(timer); submitQuiz(); } }

function selectAnswer(selectedIndex, choiceElement) { document.querySelectorAll(".choice").forEach(choice => choice.classList.remove("selected")); choiceElement.classList.add("selected"); userAnswers[currentQuestionIndex] = selectedIndex; }

function previousQuestion() { currentQuestionIndex--; loadQuestion(); }

function submitQuiz() { clearInterval(timer);

const attemptedQuestions = userAnswers.filter(answer => answer !== null).length;

if (attemptedQuestions < quizData.length) { const confirmSubmit = confirm(`आपने ${quizData.length} में से ${attemptedQuestions} प्रश्नों के उत्तर दिए हैं। क्या आप सबमिट करना चाहते हैं?`); if (!confirmSubmit) { timer = setInterval(updateTimer, 1000); return; } }

showResults(); }

function showResults() { clearInterval(timer);

const correctAnswers = userAnswers.filter((answer, i) => answer === quizData[i].correct).length; const percentage = (correctAnswers / quizData.length) * 100;

const resultHTML = percentage >= 60 ? ` 🎉 बधाई हो! आपने ${percentage.toFixed(2)}% स्कोर किया है! ` : ` 😢 आपने ${percentage.toFixed(2)}% स्कोर किया है। अगली बार के लिए शुभकामनाएं! `;

// Hide quiz content and show results document.getElementById("quizContent").classList.add("hidden"); document.getElementById("resultContent").classList.remove("hidden");

document.getElementById("resultMessage").innerHTML = resultHTML; document.getElementById("scoreMessage").innerText = `आपने ${quizData.length} में से ${correctAnswers} प्रश्न सही उत्तर दिए हैं।`;

// Add event listener for the review button document.getElementById('reviewButton').addEventListener('click', reviewQuiz); }

function reviewQuiz() { isReviewing = true; currentQuestionIndex = 0;

// Hide results and show quiz content document.getElementById("resultContent").classList.add("hidden"); document.getElementById("quizContent").classList.remove("hidden");

loadQuestion(); }

function showPopupMessage(message, isCorrect) { const popup = document.getElementById('popupMessage'); popup.innerText = message; popup.className = ''; // Reset classes popup.classList.add('show'); popup.classList.add(isCorrect ? 'correct' : 'incorrect'); setTimeout(() => { popup.classList.remove('show'); popup.classList.add('hidden'); }, 2000); }

// Event listeners for buttons document.getElementById('startQuizButton').addEventListener('click', startQuiz); document.getElementById('nextButton').addEventListener('click', handleNextQuestion); document.getElementById('prevButton').addEventListener('click', previousQuestion); document.getElementById('submitButton').addEventListener('click', submitQuiz);

// Initialize the instruction screen displayTotalTime();

पदार्थ एवं उसकी प्रकृति (Matter and Its Nature) Quiz

Logic Gates and Their Truth Tables Quiz

पदार्थ की अवस्था परिवर्तन और क्वथनांक (State Change of Matter and Boiling Point) Quiz

पदार्थ की अवस्था परिवर्तन और क्वथनांक (State Change of Matter and Boiling Point) Quiz

परमाणु संरचना (Atomic Structure) Quiz

गैसों का आचरण और गैसों का विसरण (Behavior of Gases and Diffusion) Quiz

Leave a Reply Cancel reply