\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. Moon ke phases ko regularly observe karne se early humans ko kya develop karne mein help mili?\",\n options: [\n \"A. Electric machines\",\n \"B. Modern microscopes\",\n \"C. First calendars\",\n \"D. Artificial satellites\"\n ],\n correct: 2,\n explanation: \"Moon ke phases ek regular cycle mein repeat hote hain. Early humans ne is cycle ko observe karke time aur days ko organise karne ke methods develop kiye.<br><br><b>Example:<\/b> Moon ke changing phases ko observe karke log months ka estimation karte the.\"\n},\n\n{\n question: \"2. Early calendars develop karne mein kaun-si observations important thi?\",\n options: [\n \"A. Sirf animals ki movement\",\n \"B. Sunrises, sunsets aur lunar cycles\",\n \"C. Sirf ocean waves\",\n \"D. Sirf plants ki height\"\n ],\n correct: 1,\n explanation: \"Sun aur Moon ki regular movements ko carefully observe karne se humans ko time aur seasons ke patterns samajhne mein help mili.<br><br><b>Example:<\/b> Sunrise aur sunset se day-night ka cycle samajh aata hai, jabki Moon ke phases se lunar month ka idea milta hai.\"\n},\n\n{\n question: \"3. Ecosystem kya hota hai?\",\n options: [\n \"A. Sirf ek type ke animal ka group\",\n \"B. Sirf non-living things ka collection\",\n \"C. Sirf plants se bana hua area\",\n \"D. Living organisms aur unke environment ke beech relationships ka system\"\n ],\n correct: 3,\n explanation: \"Ecosystem mein plants, animals, microorganisms aur air, water, sunlight jaise non-living factors ek-doosre ke saath interact karte hain.<br><br><b>Example:<\/b> Pond ecosystem mein fish, aquatic plants, insects, water aur sunlight ek doosre se connected hote hain.\"\n},\n\n{\n question: \"4. Plants aur animals apne environment par depend kyun karte hain?\",\n options: [\n \"A. Food, water, air, sunlight aur suitable conditions ke liye\",\n \"B. Sirf shelter ke liye\",\n \"C. Sirf sunlight ko block karne ke liye\",\n \"D. Environment ka living organisms par koi effect nahi hota\"\n ],\n correct: 0,\n explanation: \"Living organisms survive aur grow karne ke liye environmental resources par depend karte hain.<br><br><b>Example:<\/b> Plants sunlight, water aur carbon dioxide use karke photosynthesis karte hain, jabki animals ko food, water aur oxygen ki zaroorat hoti hai.\"\n},\n\n{\n question: \"5. Grassland ecosystem mein grass aur deer ke beech kya relationship hota hai?\",\n options: [\n \"A. Grass deer se food obtain karti hai\",\n \"B. Dono ek-doosre se completely independent hote hain\",\n \"C. Deer grass ko food ke roop mein use karta hai\",\n \"D. Grass deer ko oxygen dena band kar deti hai\"\n ],\n correct: 2,\n explanation: \"Ecosystem mein organisms food ke through connected hote hain. Deer ek herbivore hai jo grass jaise plants ko khata hai.<br><br><b>Example:<\/b> Grass \u2192 Deer \u2192 Tiger ek simple food chain ka example hai.\"\n},\n\n{\n question: \"6. Earth ko life ke liye suitable banane wala important factor kaunsa hai?\",\n options: [\n \"A. Earth par bilkul atmosphere na hona\",\n \"B. Sun se suitable distance, jahan water liquid reh sakta hai\",\n \"C. Earth par sunlight ka kabhi na aana\",\n \"D. Earth par sirf solid water ka hona\"\n ],\n correct: 1,\n explanation: \"Earth Sun se aisi distance par hai jahan suitable conditions mein liquid water exist kar sakta hai. Liquid water life ke liye essential hai.<br><br><b>Example:<\/b> Rivers aur lakes mein liquid water humans, plants aur animals ko support karta hai.\"\n},\n\n{\n question: \"7. Earth ka atmosphere humans ke liye kaise useful hai?\",\n options: [\n \"A. Yeh sunlight ko completely block kar deta hai\",\n \"B. Yeh Earth par saare microorganisms ko destroy kar deta hai\",\n \"C. Yeh gravity ko khatam kar deta hai\",\n \"D. Yeh breathing ke liye oxygen provide karta hai aur harmful ultraviolet radiation se protection deta hai\"\n ],\n correct: 3,\n explanation: \"Atmosphere mein oxygen hoti hai, jo humans aur kai other organisms ki respiration ke liye important hai. Atmosphere ki ozone layer harmful UV radiation ka major part absorb karti hai.<br><br><b>Example:<\/b> Ozone layer protection ke bina harmful UV exposure skin aur eyes ko damage kar sakta hai.\"\n},\n\n{\n question: \"8. Human activities Earth ke climate ko kaise affect kar sakti hain?\",\n options: [\n \"A. Greenhouse gases badhakar global temperature aur climate patterns ko change kar sakti hain\",\n \"B. Earth ki rotation turant band karke\",\n \"C. Moon ke phases ko permanently stop karke\",\n \"D. Saare oceans ko turant freeze karke\"\n ],\n correct: 0,\n explanation: \"Fossil fuels jalane aur forests ko destroy karne jaisi activities greenhouse gases ki quantity badha sakti hain. Isse global warming aur climate patterns mein changes ho sakte hain.<br><br><b>Example:<\/b> Coal aur petrol jalane se carbon dioxide release hoti hai, jo global warming mein contribute karti hai.\"\n},\n\n{\n question: \"9. Climate change agriculture ko kaise affect kar sakta hai?\",\n options: [\n \"A. Har jagah crops ki production hamesha badha deta hai\",\n \"B. Rainfall ko hamesha same rakhta hai\",\n \"C. Temperature aur rainfall patterns badalkar crop production ko affect kar sakta hai\",\n \"D. Soil aur water ki importance khatam kar deta hai\"\n ],\n correct: 2,\n explanation: \"Crops ko suitable temperature, water aur growing conditions chahiye. Climate change in conditions ko disturb kar sakta hai.<br><br><b>Example:<\/b> Long drought se crops ko water nahi milta, jabki excessive rainfall fields mein flooding cause kar sakti hai.\"\n},\n\n{\n question: \"10. Earth par life ko protect karne ke liye humans ko kya karna chahiye?\",\n options: [\n \"A. Natural resources ko bina limit use karna\",\n \"B. Pollution kam karna, resources conserve karna aur ecosystems protect karna\",\n \"C. Forests ko unnecessarily destroy karna\",\n \"D. Climate aur environment ke changes ko ignore karna\"\n ],\n correct: 1,\n explanation: \"Responsible human activities environment ko protect karne aur climate change ke effects ko limit karne mein help kar sakti hain.<br><br><b>Example:<\/b> Trees plant karna, electricity save karna aur public transport use karna environmental impact ko reduce karne ke useful steps hain.\"\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-5335","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5335","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=5335"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5335\/revisions"}],"predecessor-version":[{"id":5336,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5335\/revisions\/5336"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5335,"date":"2026-10-31T14:26:46","date_gmt":"2026-10-31T14:26:46","guid":{"rendered":"https:\/\/apicalclasses.com\/?p=5335"},"modified":"2026-10-31T14:26:47","modified_gmt":"2026-10-31T14:26:47","slug":"class-8thsubject-sciencech1","status":"publish","type":"post","link":"https:\/\/apicalclasses.com\/?p=5335","title":{"rendered":"class 8th,subject science,ch1"},"content":{"rendered":"\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. Moon ke phases ko regularly observe karne se early humans ko kya develop karne mein help mili?\",\n options: [\n \"A. Electric machines\",\n \"B. Modern microscopes\",\n \"C. First calendars\",\n \"D. Artificial satellites\"\n ],\n correct: 2,\n explanation: \"Moon ke phases ek regular cycle mein repeat hote hain. Early humans ne is cycle ko observe karke time aur days ko organise karne ke methods develop kiye.<br><br><b>Example:<\/b> Moon ke changing phases ko observe karke log months ka estimation karte the.\"\n},\n\n{\n question: \"2. Early calendars develop karne mein kaun-si observations important thi?\",\n options: [\n \"A. Sirf animals ki movement\",\n \"B. Sunrises, sunsets aur lunar cycles\",\n \"C. Sirf ocean waves\",\n \"D. Sirf plants ki height\"\n ],\n correct: 1,\n explanation: \"Sun aur Moon ki regular movements ko carefully observe karne se humans ko time aur seasons ke patterns samajhne mein help mili.<br><br><b>Example:<\/b> Sunrise aur sunset se day-night ka cycle samajh aata hai, jabki Moon ke phases se lunar month ka idea milta hai.\"\n},\n\n{\n question: \"3. Ecosystem kya hota hai?\",\n options: [\n \"A. Sirf ek type ke animal ka group\",\n \"B. Sirf non-living things ka collection\",\n \"C. Sirf plants se bana hua area\",\n \"D. Living organisms aur unke environment ke beech relationships ka system\"\n ],\n correct: 3,\n explanation: \"Ecosystem mein plants, animals, microorganisms aur air, water, sunlight jaise non-living factors ek-doosre ke saath interact karte hain.<br><br><b>Example:<\/b> Pond ecosystem mein fish, aquatic plants, insects, water aur sunlight ek doosre se connected hote hain.\"\n},\n\n{\n question: \"4. Plants aur animals apne environment par depend kyun karte hain?\",\n options: [\n \"A. Food, water, air, sunlight aur suitable conditions ke liye\",\n \"B. Sirf shelter ke liye\",\n \"C. Sirf sunlight ko block karne ke liye\",\n \"D. Environment ka living organisms par koi effect nahi hota\"\n ],\n correct: 0,\n explanation: \"Living organisms survive aur grow karne ke liye environmental resources par depend karte hain.<br><br><b>Example:<\/b> Plants sunlight, water aur carbon dioxide use karke photosynthesis karte hain, jabki animals ko food, water aur oxygen ki zaroorat hoti hai.\"\n},\n\n{\n question: \"5. Grassland ecosystem mein grass aur deer ke beech kya relationship hota hai?\",\n options: [\n \"A. Grass deer se food obtain karti hai\",\n \"B. Dono ek-doosre se completely independent hote hain\",\n \"C. Deer grass ko food ke roop mein use karta hai\",\n \"D. Grass deer ko oxygen dena band kar deti hai\"\n ],\n correct: 2,\n explanation: \"Ecosystem mein organisms food ke through connected hote hain. Deer ek herbivore hai jo grass jaise plants ko khata hai.<br><br><b>Example:<\/b> Grass \u2192 Deer \u2192 Tiger ek simple food chain ka example hai.\"\n},\n\n{\n question: \"6. Earth ko life ke liye suitable banane wala important factor kaunsa hai?\",\n options: [\n \"A. Earth par bilkul atmosphere na hona\",\n \"B. Sun se suitable distance, jahan water liquid reh sakta hai\",\n \"C. Earth par sunlight ka kabhi na aana\",\n \"D. Earth par sirf solid water ka hona\"\n ],\n correct: 1,\n explanation: \"Earth Sun se aisi distance par hai jahan suitable conditions mein liquid water exist kar sakta hai. Liquid water life ke liye essential hai.<br><br><b>Example:<\/b> Rivers aur lakes mein liquid water humans, plants aur animals ko support karta hai.\"\n},\n\n{\n question: \"7. Earth ka atmosphere humans ke liye kaise useful hai?\",\n options: [\n \"A. Yeh sunlight ko completely block kar deta hai\",\n \"B. Yeh Earth par saare microorganisms ko destroy kar deta hai\",\n \"C. Yeh gravity ko khatam kar deta hai\",\n \"D. Yeh breathing ke liye oxygen provide karta hai aur harmful ultraviolet radiation se protection deta hai\"\n ],\n correct: 3,\n explanation: \"Atmosphere mein oxygen hoti hai, jo humans aur kai other organisms ki respiration ke liye important hai. Atmosphere ki ozone layer harmful UV radiation ka major part absorb karti hai.<br><br><b>Example:<\/b> Ozone layer protection ke bina harmful UV exposure skin aur eyes ko damage kar sakta hai.\"\n},\n\n{\n question: \"8. Human activities Earth ke climate ko kaise affect kar sakti hain?\",\n options: [\n \"A. Greenhouse gases badhakar global temperature aur climate patterns ko change kar sakti hain\",\n \"B. Earth ki rotation turant band karke\",\n \"C. Moon ke phases ko permanently stop karke\",\n \"D. Saare oceans ko turant freeze karke\"\n ],\n correct: 0,\n explanation: \"Fossil fuels jalane aur forests ko destroy karne jaisi activities greenhouse gases ki quantity badha sakti hain. Isse global warming aur climate patterns mein changes ho sakte hain.<br><br><b>Example:<\/b> Coal aur petrol jalane se carbon dioxide release hoti hai, jo global warming mein contribute karti hai.\"\n},\n\n{\n question: \"9. Climate change agriculture ko kaise affect kar sakta hai?\",\n options: [\n \"A. Har jagah crops ki production hamesha badha deta hai\",\n \"B. Rainfall ko hamesha same rakhta hai\",\n \"C. Temperature aur rainfall patterns badalkar crop production ko affect kar sakta hai\",\n \"D. Soil aur water ki importance khatam kar deta hai\"\n ],\n correct: 2,\n explanation: \"Crops ko suitable temperature, water aur growing conditions chahiye. Climate change in conditions ko disturb kar sakta hai.<br><br><b>Example:<\/b> Long drought se crops ko water nahi milta, jabki excessive rainfall fields mein flooding cause kar sakti hai.\"\n},\n\n{\n question: \"10. Earth par life ko protect karne ke liye humans ko kya karna chahiye?\",\n options: [\n \"A. Natural resources ko bina limit use karna\",\n \"B. Pollution kam karna, resources conserve karna aur ecosystems protect karna\",\n \"C. Forests ko unnecessarily destroy karna\",\n \"D. Climate aur environment ke changes ko ignore karna\"\n ],\n correct: 1,\n explanation: \"Responsible human activities environment ko protect karne aur climate change ke effects ko limit karne mein help kar sakti hain.<br><br><b>Example:<\/b> Trees plant karna, electricity save karna aur public transport use karna environmental impact ko reduce karne ke useful steps hain.\"\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-5335","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5335","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=5335"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5335\/revisions"}],"predecessor-version":[{"id":5336,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5335\/revisions\/5336"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}