\ud83e\udde0 Science Quiz \u2013 APICAL CLASSES<\/title>\n\n<style>\nbody {\n font-family: Arial, sans-serif;\n background: linear-gradient(135deg, #a1c4fd, #c2e9fb);\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 30px;\n min-height: 100vh;\n margin: 0;\n box-sizing: border-box;\n}\n\n.quiz-container {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n width: 90%;\n max-width: 800px;\n}\n\nh2 {\n text-align: center;\n color: #1e3c72;\n}\n\n.question {\n font-weight: bold;\n margin: 15px 0;\n line-height: 1.6;\n}\n\n.options label {\n display: block;\n margin: 8px 0;\n padding: 10px;\n border-radius: 6px;\n border: 1px solid #ccc;\n cursor: pointer;\n transition: 0.3s;\n line-height: 1.5;\n}\n\n.options label:hover {\n background: #f0f0f0;\n}\n\n.correct {\n background-color: #c8f7c5 !important;\n border-color: #28a745 !important;\n}\n\n.wrong {\n background-color: #f8d7da !important;\n border-color: #dc3545 !important;\n}\n\n.explanation {\n background: #e9ecef;\n padding: 10px;\n margin-top: 10px;\n border-left: 5px solid #2a5298;\n display: none;\n line-height: 1.6;\n}\n\n.controls {\n text-align: center;\n margin-top: 15px;\n}\n\nbutton {\n background-color: #2a5298;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 6px;\n cursor: pointer;\n margin: 5px;\n}\n\nbutton:hover {\n background-color: #1e3c72;\n}\n\n#userName {\n padding: 10px;\n width: 90%;\n max-width: 300px;\n border: 1px solid #ccc;\n border-radius: 6px;\n}\n\n#scoreboard {\n margin-top: 25px;\n background: #eef3f7;\n padding: 15px;\n border-radius: 8px;\n}\n\n#scoreboard h3 {\n text-align: center;\n}\n\nol {\n padding-left: 20px;\n}\n\n@media (max-width: 600px) {\n body {\n padding: 10px;\n }\n\n .quiz-container {\n width: 100%;\n padding: 15px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Science Quiz \u2013 APICAL CLASSES<\/h2>\n\n <div id=\"nameSection\">\n <p><strong>Enter your name to start:<\/strong><\/p>\n <input type=\"text\" id=\"userName\" placeholder=\"Your Name\">\n <button onclick=\"startQuiz()\">Start Quiz<\/button>\n <\/div>\n\n <div id=\"quizSection\" style=\"display:none;\">\n\n <div id=\"questionContainer\"><\/div>\n\n <div class=\"controls\">\n <button onclick=\"prevQuestion()\" id=\"prevBtn\">Previous<\/button>\n <button onclick=\"nextQuestion()\" id=\"nextBtn\">Next<\/button>\n <button onclick=\"submitQuiz()\" id=\"submitBtn\" style=\"display:none;\">Submit<\/button>\n <\/div>\n\n <div id=\"result\" style=\"text-align:center; margin-top:20px;\"><\/div>\n\n <div id=\"scoreboard\">\n <h3>\ud83c\udfc6 Scoreboard<\/h3>\n <ol id=\"scoreList\"><\/ol>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n\nconst questions = [\n\n{\n question: \"1. Cyclones aur storms ke development mein air pressure ka kya role hota hai?\",\n options: [\n \"A. Air pressure ka weather se koi relation nahi hai\",\n \"B. Pressure differences air movement create karte hain, jo winds aur storms ko influence karte hain\",\n \"C. Cyclones sirf high temperature se bante hain\",\n \"D. Air pressure sirf solid objects par act karta hai\"\n ],\n correct: 1,\n explanation: \"Air generally high-pressure region se low-pressure region ki taraf move karti hai. Strong winds aur suitable atmospheric conditions cyclone formation mein contribute kar sakti hain.<br><br><b>Example:<\/b> Coastal areas mein cyclone ke time strong winds aur heavy rainfall agriculture aur buildings ko damage kar sakte hain.\"\n},\n\n{\n question: \"2. Solid aur gas ke particles ki movement mein kya difference hota hai?\",\n options: [\n \"A. Solid ke particles freely move karte hain, gas ke particles fixed hote hain\",\n \"B. Dono ke particles bilkul move nahi karte\",\n \"C. Gas ke particles sirf ek direction mein move karte hain\",\n \"D. Solid ke particles apni fixed positions ke around vibrate karte hain, jabki gas ke particles freely move karte hain\"\n ],\n correct: 3,\n explanation: \"Solid mein particles closely packed hote hain aur apni positions ke around vibrate karte hain. Gas mein particles ke beech zyada space hota hai aur woh freely move karte hain.<br><br><b>Example:<\/b> Ice apni shape maintain karti hai, jabki air room ke available space mein spread ho jaati hai.\"\n},\n\n{\n question: \"3. Inmein se kaunsa ek element ka example hai?\",\n options: [\n \"A. Iron\",\n \"B. Water\",\n \"C. Carbon dioxide\",\n \"D. Sugar solution\"\n ],\n correct: 0,\n explanation: \"Element ek pure substance hota hai jo ek hi type ke atoms se bana hota hai. Iron ek element hai. Water aur carbon dioxide compounds hain, jabki sugar solution ek mixture hai.<br><br><b>Example:<\/b> Iron nails iron element se bante hain, jabki water mein hydrogen aur oxygen chemically combined hote hain.\"\n},\n\n{\n question: \"4. Water (H\u2082O) ko compound kyun kaha jata hai?\",\n options: [\n \"A. Kyunki ismein sirf ek type ka atom hota hai\",\n \"B. Kyunki iske components ko filtration se separate kar sakte hain\",\n \"C. Kyunki hydrogen aur oxygen chemically fixed ratio mein combined hote hain\",\n \"D. Kyunki yeh sirf do liquids ka mixture hai\"\n ],\n correct: 2,\n explanation: \"Compound do ya zyada elements ke chemical combination se banta hai. Water mein hydrogen aur oxygen chemically combined hote hain.<br><br><b>Example:<\/b> Water ka formula H\u2082O hai, jismein har molecule mein 2 hydrogen atoms aur 1 oxygen atom hota hai.\"\n},\n\n{\n question: \"5. Mixture ko compound se kaise distinguish kar sakte hain?\",\n options: [\n \"A. Mixture hamesha colourless hota hai\",\n \"B. Mixture ke components suitable physical methods se separate kiye ja sakte hain\",\n \"C. Mixture mein sirf ek substance hota hai\",\n \"D. Mixture ke components hamesha chemically bonded hote hain\"\n ],\n correct: 1,\n explanation: \"Mixture mein substances physically combined hote hain, isliye suitable physical methods se unhe separate kiya ja sakta hai. Compound mein elements chemically combined hote hain.<br><br><b>Example:<\/b> Sand aur iron filings ke mixture ko magnet ki help se separate kar sakte hain.\"\n},\n\n{\n question: \"6. Jab sugar tea mein dissolve hoti hai, toh kya banta hai?\",\n options: [\n \"A. Element\",\n \"B. Pure metal\",\n \"C. Insoluble solid\",\n \"D. Solution\"\n ],\n correct: 3,\n explanation: \"Jab sugar tea mein uniformly dissolve hoti hai, toh ek solution banta hai. Sugar solute hoti hai aur tea ka liquid solvent ki tarah act karta hai.<br><br><b>Example:<\/b> Paani mein namak dissolve karne par bhi salt solution banta hai.\"\n},\n\n{\n question: \"7. Light jab mirror se takrakar wapas aati hai, toh is phenomenon ko kya kehte hain?\",\n options: [\n \"A. Reflection\",\n \"B. Refraction\",\n \"C. Evaporation\",\n \"D. Condensation\"\n ],\n correct: 0,\n explanation: \"Reflection mein light kisi surface se takrakar wapas return karti hai. Smooth surfaces par regular reflection ho sakta hai.<br><br><b>Example:<\/b> Plane mirror mein apna face dekhna light reflection ki wajah se possible hota hai.\"\n},\n\n{\n question: \"8. Jab light air se glass lens mein enter karti hai aur apni direction change karti hai, toh is phenomenon ko kya kehte hain?\",\n options: [\n \"A. Reflection\",\n \"B. Absorption\",\n \"C. Refraction\",\n \"D. Dispersion only\"\n ],\n correct: 2,\n explanation: \"Refraction tab hota hai jab light ek transparent medium se doosre medium mein enter karte waqt apni speed change hone ki wajah se direction bend karti hai.<br><br><b>Example:<\/b> Paani ke glass mein rakhi pencil bent ya displaced dikh sakti hai.\"\n},\n\n{\n question: \"9. Corrective glasses vision improve karne mein kaise help karte hain?\",\n options: [\n \"A. Woh aankhon mein light ko completely block kar dete hain\",\n \"B. Unke lenses light rays ko bend karke image ko retina par focus karne mein help karte hain\",\n \"C. Woh aankhon ki size change kar dete hain\",\n \"D. Woh light ko electricity mein convert kar dete hain\"\n ],\n correct: 1,\n explanation: \"Corrective lenses refraction ka use karke light rays ka path adjust karte hain, jisse image retina par properly focus ho sake.<br><br><b>Example:<\/b> Myopia (near-sightedness) ko correct karne ke liye concave lenses use kiye jaate hain.\"\n},\n\n{\n question: \"10. Moon ki different phases dikhne ka main reason kya hai?\",\n options: [\n \"A. Moon har raat apni actual shape change karta hai\",\n \"B. Earth ki shadow har raat poore Moon ko cover karti hai\",\n \"C. Moon khud sunlight produce karta hai\",\n \"D. Earth, Moon aur Sun ki relative positions ke according humein Moon ka illuminated portion different dikhai deta hai\"\n ],\n correct: 3,\n explanation: \"Moon sunlight ko reflect karta hai. Moon ke Earth ke around orbit karne se humein uske illuminated part ka different fraction dikhai deta hai.<br><br><b>Example:<\/b> New Moon ke time Moon ka illuminated side mostly Earth se opposite direction mein hota hai, jabki Full Moon par uska illuminated face humein mostly poora dikhai deta hai.\"\n}\n\n];\n\nlet currentQuestion = 0;\nlet score = 0;\nlet userAnswers = [];\nlet userName = \"\";\n\nfunction startQuiz() {\n\n userName = document.getElementById(\"userName\").value.trim();\n\n if (!userName) {\n return alert(\"Please enter your name.\");\n }\n\n document.getElementById(\"nameSection\").style.display = \"none\";\n document.getElementById(\"quizSection\").style.display = \"block\";\n\n showQuestion();\n loadScoreboard();\n}\n\nfunction showQuestion() {\n\n const q = questions[currentQuestion];\n const container = document.getElementById(\"questionContainer\");\n\n container.innerHTML = `\n <div class=\"question\">${q.question}<\/div>\n\n <div class=\"options\">\n ${q.options.map((opt, i) => `\n <label>\n <input type=\"radio\" name=\"option\" value=\"${i}\"\n ${userAnswers[currentQuestion] == i ? 'checked' : ''}>\n ${opt}\n <\/label>\n `).join('')}\n <\/div>\n\n <div class=\"explanation\" id=\"explain${currentQuestion}\">\n ${q.explanation}\n <\/div>\n `;\n\n document.getElementById(\"prevBtn\").style.display =\n currentQuestion === 0 ? \"none\" : \"inline-block\";\n\n document.getElementById(\"nextBtn\").style.display =\n currentQuestion === questions.length - 1 ? \"none\" : \"inline-block\";\n\n document.getElementById(\"submitBtn\").style.display =\n currentQuestion === questions.length - 1 ? \"inline-block\" : \"none\";\n}\n\nfunction nextQuestion() {\n\n saveAnswer();\n\n if (currentQuestion < questions.length - 1) {\n currentQuestion++;\n showQuestion();\n }\n}\n\nfunction prevQuestion() {\n\n saveAnswer();\n\n if (currentQuestion > 0) {\n currentQuestion--;\n showQuestion();\n }\n}\n\nfunction saveAnswer() {\n\n const selected = document.querySelector('input[name=\"option\"]:checked');\n\n userAnswers[currentQuestion] =\n selected ? parseInt(selected.value) : null;\n}\n\nfunction submitQuiz() {\n\n saveAnswer();\n\n score = 0;\n\n questions.forEach((q, index) => {\n if (userAnswers[index] === q.correct) {\n score++;\n }\n });\n\n showResults();\n saveScore(userName, score);\n loadScoreboard();\n}\n\nfunction showResults() {\n\n const container = document.getElementById(\"questionContainer\");\n\n container.innerHTML = \"\";\n\n questions.forEach((q, index) => {\n\n const selected = userAnswers[index];\n const correct = q.correct;\n\n let optsHTML = q.options.map((opt, i) => {\n\n let cls = \"\";\n\n if (i === correct) {\n cls = \"correct\";\n }\n\n if (selected === i && selected !== correct) {\n cls = \"wrong\";\n }\n\n return `<label class=\"${cls}\">${opt}<\/label>`;\n\n }).join('');\n\n container.innerHTML += `\n <div class=\"question\">${q.question}<\/div>\n\n <div class=\"options\">\n ${optsHTML}\n <\/div>\n\n <div class=\"explanation\" style=\"display:block;\">\n ${q.explanation}\n <\/div>\n\n <hr>\n `;\n });\n\n document.querySelector(\".controls\").style.display = \"none\";\n\n document.getElementById(\"result\").innerHTML =\n `<h3>Your Score: ${score} \/ ${questions.length}<\/h3>`;\n}\n\nfunction escapeHTML(value) {\n return String(value).replace(\/[&<>\"']\/g, function(char) {\n return {\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\"\n }[char];\n });\n}\n\nfunction saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name: name,\n score: score,\n date: new Date().toLocaleString()\n });\n\n localStorage.setItem(\"quizScores\", JSON.stringify(scores));\n}\n\nfunction loadScoreboard() {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.sort((a, b) => b.score - a.score);\n\n document.getElementById(\"scoreList\").innerHTML =\n scores.map(s =>\n `<li>${escapeHTML(s.name)} - ${s.score}\/10 (${escapeHTML(s.date)})<\/li>`\n ).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udde0 Science Quiz \u2013 APICAL CLASSES \ud83e\udde0 Science Quiz \u2013 APICAL CLASSES Enter your name to start: Start Quiz Previous Next Submit \ud83c\udfc6 Scoreboard<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5333","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5333"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5333\/revisions"}],"predecessor-version":[{"id":5334,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5333\/revisions\/5334"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5333,"date":"2026-10-31T14:21:25","date_gmt":"2026-10-31T14:21:25","guid":{"rendered":"https:\/\/apicalclasses.com\/?p=5333"},"modified":"2026-10-31T14:21:25","modified_gmt":"2026-10-31T14:21:25","slug":"class-8th-subject-science-ch1-2","status":"publish","type":"post","link":"https:\/\/apicalclasses.com\/?p=5333","title":{"rendered":"class 8th, subject science, ch1"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\ud83e\udde0 Science Quiz \u2013 APICAL CLASSES<\/title>\n\n<style>\nbody {\n font-family: Arial, sans-serif;\n background: linear-gradient(135deg, #a1c4fd, #c2e9fb);\n display: flex;\n justify-content: center;\n align-items: flex-start;\n padding: 30px;\n min-height: 100vh;\n margin: 0;\n box-sizing: border-box;\n}\n\n.quiz-container {\n background: #fff;\n padding: 25px;\n border-radius: 12px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n width: 90%;\n max-width: 800px;\n}\n\nh2 {\n text-align: center;\n color: #1e3c72;\n}\n\n.question {\n font-weight: bold;\n margin: 15px 0;\n line-height: 1.6;\n}\n\n.options label {\n display: block;\n margin: 8px 0;\n padding: 10px;\n border-radius: 6px;\n border: 1px solid #ccc;\n cursor: pointer;\n transition: 0.3s;\n line-height: 1.5;\n}\n\n.options label:hover {\n background: #f0f0f0;\n}\n\n.correct {\n background-color: #c8f7c5 !important;\n border-color: #28a745 !important;\n}\n\n.wrong {\n background-color: #f8d7da !important;\n border-color: #dc3545 !important;\n}\n\n.explanation {\n background: #e9ecef;\n padding: 10px;\n margin-top: 10px;\n border-left: 5px solid #2a5298;\n display: none;\n line-height: 1.6;\n}\n\n.controls {\n text-align: center;\n margin-top: 15px;\n}\n\nbutton {\n background-color: #2a5298;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 6px;\n cursor: pointer;\n margin: 5px;\n}\n\nbutton:hover {\n background-color: #1e3c72;\n}\n\n#userName {\n padding: 10px;\n width: 90%;\n max-width: 300px;\n border: 1px solid #ccc;\n border-radius: 6px;\n}\n\n#scoreboard {\n margin-top: 25px;\n background: #eef3f7;\n padding: 15px;\n border-radius: 8px;\n}\n\n#scoreboard h3 {\n text-align: center;\n}\n\nol {\n padding-left: 20px;\n}\n\n@media (max-width: 600px) {\n body {\n padding: 10px;\n }\n\n .quiz-container {\n width: 100%;\n padding: 15px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Science Quiz \u2013 APICAL CLASSES<\/h2>\n\n <div id=\"nameSection\">\n <p><strong>Enter your name to start:<\/strong><\/p>\n <input type=\"text\" id=\"userName\" placeholder=\"Your Name\">\n <button onclick=\"startQuiz()\">Start Quiz<\/button>\n <\/div>\n\n <div id=\"quizSection\" style=\"display:none;\">\n\n <div id=\"questionContainer\"><\/div>\n\n <div class=\"controls\">\n <button onclick=\"prevQuestion()\" id=\"prevBtn\">Previous<\/button>\n <button onclick=\"nextQuestion()\" id=\"nextBtn\">Next<\/button>\n <button onclick=\"submitQuiz()\" id=\"submitBtn\" style=\"display:none;\">Submit<\/button>\n <\/div>\n\n <div id=\"result\" style=\"text-align:center; margin-top:20px;\"><\/div>\n\n <div id=\"scoreboard\">\n <h3>\ud83c\udfc6 Scoreboard<\/h3>\n <ol id=\"scoreList\"><\/ol>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n\nconst questions = [\n\n{\n question: \"1. Cyclones aur storms ke development mein air pressure ka kya role hota hai?\",\n options: [\n \"A. Air pressure ka weather se koi relation nahi hai\",\n \"B. Pressure differences air movement create karte hain, jo winds aur storms ko influence karte hain\",\n \"C. Cyclones sirf high temperature se bante hain\",\n \"D. Air pressure sirf solid objects par act karta hai\"\n ],\n correct: 1,\n explanation: \"Air generally high-pressure region se low-pressure region ki taraf move karti hai. Strong winds aur suitable atmospheric conditions cyclone formation mein contribute kar sakti hain.<br><br><b>Example:<\/b> Coastal areas mein cyclone ke time strong winds aur heavy rainfall agriculture aur buildings ko damage kar sakte hain.\"\n},\n\n{\n question: \"2. Solid aur gas ke particles ki movement mein kya difference hota hai?\",\n options: [\n \"A. Solid ke particles freely move karte hain, gas ke particles fixed hote hain\",\n \"B. Dono ke particles bilkul move nahi karte\",\n \"C. Gas ke particles sirf ek direction mein move karte hain\",\n \"D. Solid ke particles apni fixed positions ke around vibrate karte hain, jabki gas ke particles freely move karte hain\"\n ],\n correct: 3,\n explanation: \"Solid mein particles closely packed hote hain aur apni positions ke around vibrate karte hain. Gas mein particles ke beech zyada space hota hai aur woh freely move karte hain.<br><br><b>Example:<\/b> Ice apni shape maintain karti hai, jabki air room ke available space mein spread ho jaati hai.\"\n},\n\n{\n question: \"3. Inmein se kaunsa ek element ka example hai?\",\n options: [\n \"A. Iron\",\n \"B. Water\",\n \"C. Carbon dioxide\",\n \"D. Sugar solution\"\n ],\n correct: 0,\n explanation: \"Element ek pure substance hota hai jo ek hi type ke atoms se bana hota hai. Iron ek element hai. Water aur carbon dioxide compounds hain, jabki sugar solution ek mixture hai.<br><br><b>Example:<\/b> Iron nails iron element se bante hain, jabki water mein hydrogen aur oxygen chemically combined hote hain.\"\n},\n\n{\n question: \"4. Water (H\u2082O) ko compound kyun kaha jata hai?\",\n options: [\n \"A. Kyunki ismein sirf ek type ka atom hota hai\",\n \"B. Kyunki iske components ko filtration se separate kar sakte hain\",\n \"C. Kyunki hydrogen aur oxygen chemically fixed ratio mein combined hote hain\",\n \"D. Kyunki yeh sirf do liquids ka mixture hai\"\n ],\n correct: 2,\n explanation: \"Compound do ya zyada elements ke chemical combination se banta hai. Water mein hydrogen aur oxygen chemically combined hote hain.<br><br><b>Example:<\/b> Water ka formula H\u2082O hai, jismein har molecule mein 2 hydrogen atoms aur 1 oxygen atom hota hai.\"\n},\n\n{\n question: \"5. Mixture ko compound se kaise distinguish kar sakte hain?\",\n options: [\n \"A. Mixture hamesha colourless hota hai\",\n \"B. Mixture ke components suitable physical methods se separate kiye ja sakte hain\",\n \"C. Mixture mein sirf ek substance hota hai\",\n \"D. Mixture ke components hamesha chemically bonded hote hain\"\n ],\n correct: 1,\n explanation: \"Mixture mein substances physically combined hote hain, isliye suitable physical methods se unhe separate kiya ja sakta hai. Compound mein elements chemically combined hote hain.<br><br><b>Example:<\/b> Sand aur iron filings ke mixture ko magnet ki help se separate kar sakte hain.\"\n},\n\n{\n question: \"6. Jab sugar tea mein dissolve hoti hai, toh kya banta hai?\",\n options: [\n \"A. Element\",\n \"B. Pure metal\",\n \"C. Insoluble solid\",\n \"D. Solution\"\n ],\n correct: 3,\n explanation: \"Jab sugar tea mein uniformly dissolve hoti hai, toh ek solution banta hai. Sugar solute hoti hai aur tea ka liquid solvent ki tarah act karta hai.<br><br><b>Example:<\/b> Paani mein namak dissolve karne par bhi salt solution banta hai.\"\n},\n\n{\n question: \"7. Light jab mirror se takrakar wapas aati hai, toh is phenomenon ko kya kehte hain?\",\n options: [\n \"A. Reflection\",\n \"B. Refraction\",\n \"C. Evaporation\",\n \"D. Condensation\"\n ],\n correct: 0,\n explanation: \"Reflection mein light kisi surface se takrakar wapas return karti hai. Smooth surfaces par regular reflection ho sakta hai.<br><br><b>Example:<\/b> Plane mirror mein apna face dekhna light reflection ki wajah se possible hota hai.\"\n},\n\n{\n question: \"8. Jab light air se glass lens mein enter karti hai aur apni direction change karti hai, toh is phenomenon ko kya kehte hain?\",\n options: [\n \"A. Reflection\",\n \"B. Absorption\",\n \"C. Refraction\",\n \"D. Dispersion only\"\n ],\n correct: 2,\n explanation: \"Refraction tab hota hai jab light ek transparent medium se doosre medium mein enter karte waqt apni speed change hone ki wajah se direction bend karti hai.<br><br><b>Example:<\/b> Paani ke glass mein rakhi pencil bent ya displaced dikh sakti hai.\"\n},\n\n{\n question: \"9. Corrective glasses vision improve karne mein kaise help karte hain?\",\n options: [\n \"A. Woh aankhon mein light ko completely block kar dete hain\",\n \"B. Unke lenses light rays ko bend karke image ko retina par focus karne mein help karte hain\",\n \"C. Woh aankhon ki size change kar dete hain\",\n \"D. Woh light ko electricity mein convert kar dete hain\"\n ],\n correct: 1,\n explanation: \"Corrective lenses refraction ka use karke light rays ka path adjust karte hain, jisse image retina par properly focus ho sake.<br><br><b>Example:<\/b> Myopia (near-sightedness) ko correct karne ke liye concave lenses use kiye jaate hain.\"\n},\n\n{\n question: \"10. Moon ki different phases dikhne ka main reason kya hai?\",\n options: [\n \"A. Moon har raat apni actual shape change karta hai\",\n \"B. Earth ki shadow har raat poore Moon ko cover karti hai\",\n \"C. Moon khud sunlight produce karta hai\",\n \"D. Earth, Moon aur Sun ki relative positions ke according humein Moon ka illuminated portion different dikhai deta hai\"\n ],\n correct: 3,\n explanation: \"Moon sunlight ko reflect karta hai. Moon ke Earth ke around orbit karne se humein uske illuminated part ka different fraction dikhai deta hai.<br><br><b>Example:<\/b> New Moon ke time Moon ka illuminated side mostly Earth se opposite direction mein hota hai, jabki Full Moon par uska illuminated face humein mostly poora dikhai deta hai.\"\n}\n\n];\n\nlet currentQuestion = 0;\nlet score = 0;\nlet userAnswers = [];\nlet userName = \"\";\n\nfunction startQuiz() {\n\n userName = document.getElementById(\"userName\").value.trim();\n\n if (!userName) {\n return alert(\"Please enter your name.\");\n }\n\n document.getElementById(\"nameSection\").style.display = \"none\";\n document.getElementById(\"quizSection\").style.display = \"block\";\n\n showQuestion();\n loadScoreboard();\n}\n\nfunction showQuestion() {\n\n const q = questions[currentQuestion];\n const container = document.getElementById(\"questionContainer\");\n\n container.innerHTML = `\n <div class=\"question\">${q.question}<\/div>\n\n <div class=\"options\">\n ${q.options.map((opt, i) => `\n <label>\n <input type=\"radio\" name=\"option\" value=\"${i}\"\n ${userAnswers[currentQuestion] == i ? 'checked' : ''}>\n ${opt}\n <\/label>\n `).join('')}\n <\/div>\n\n <div class=\"explanation\" id=\"explain${currentQuestion}\">\n ${q.explanation}\n <\/div>\n `;\n\n document.getElementById(\"prevBtn\").style.display =\n currentQuestion === 0 ? \"none\" : \"inline-block\";\n\n document.getElementById(\"nextBtn\").style.display =\n currentQuestion === questions.length - 1 ? \"none\" : \"inline-block\";\n\n document.getElementById(\"submitBtn\").style.display =\n currentQuestion === questions.length - 1 ? \"inline-block\" : \"none\";\n}\n\nfunction nextQuestion() {\n\n saveAnswer();\n\n if (currentQuestion < questions.length - 1) {\n currentQuestion++;\n showQuestion();\n }\n}\n\nfunction prevQuestion() {\n\n saveAnswer();\n\n if (currentQuestion > 0) {\n currentQuestion--;\n showQuestion();\n }\n}\n\nfunction saveAnswer() {\n\n const selected = document.querySelector('input[name=\"option\"]:checked');\n\n userAnswers[currentQuestion] =\n selected ? parseInt(selected.value) : null;\n}\n\nfunction submitQuiz() {\n\n saveAnswer();\n\n score = 0;\n\n questions.forEach((q, index) => {\n if (userAnswers[index] === q.correct) {\n score++;\n }\n });\n\n showResults();\n saveScore(userName, score);\n loadScoreboard();\n}\n\nfunction showResults() {\n\n const container = document.getElementById(\"questionContainer\");\n\n container.innerHTML = \"\";\n\n questions.forEach((q, index) => {\n\n const selected = userAnswers[index];\n const correct = q.correct;\n\n let optsHTML = q.options.map((opt, i) => {\n\n let cls = \"\";\n\n if (i === correct) {\n cls = \"correct\";\n }\n\n if (selected === i && selected !== correct) {\n cls = \"wrong\";\n }\n\n return `<label class=\"${cls}\">${opt}<\/label>`;\n\n }).join('');\n\n container.innerHTML += `\n <div class=\"question\">${q.question}<\/div>\n\n <div class=\"options\">\n ${optsHTML}\n <\/div>\n\n <div class=\"explanation\" style=\"display:block;\">\n ${q.explanation}\n <\/div>\n\n <hr>\n `;\n });\n\n document.querySelector(\".controls\").style.display = \"none\";\n\n document.getElementById(\"result\").innerHTML =\n `<h3>Your Score: ${score} \/ ${questions.length}<\/h3>`;\n}\n\nfunction escapeHTML(value) {\n return String(value).replace(\/[&<>\"']\/g, function(char) {\n return {\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\"\n }[char];\n });\n}\n\nfunction saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name: name,\n score: score,\n date: new Date().toLocaleString()\n });\n\n localStorage.setItem(\"quizScores\", JSON.stringify(scores));\n}\n\nfunction loadScoreboard() {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.sort((a, b) => b.score - a.score);\n\n document.getElementById(\"scoreList\").innerHTML =\n scores.map(s =>\n `<li>${escapeHTML(s.name)} - ${s.score}\/10 (${escapeHTML(s.date)})<\/li>`\n ).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\udde0 Science Quiz \u2013 APICAL CLASSES \ud83e\udde0 Science Quiz \u2013 APICAL CLASSES Enter your name to start: Start Quiz Previous Next Submit \ud83c\udfc6 Scoreboard<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5333","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5333"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5333\/revisions"}],"predecessor-version":[{"id":5334,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5333\/revisions\/5334"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}