ch5 part1<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\ud83e\udde0 Force Science Quiz \u2013 APICAL CLASSES<\/title>\n\n <style>\n body {\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 }\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\n h2 { text-align: center; color: #1e3c72; }\n\n .question { font-weight: bold; margin: 10px 0; }\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 }\n\n .options label:hover { background: #f0f0f0; }\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 }\n\n .controls { text-align: center; margin-top: 15px; }\n\n button {\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\n button:hover { background-color: #1e3c72; }\n\n #scoreboard {\n margin-top: 25px;\n background: #eef3f7;\n padding: 15px;\n border-radius: 8px;\n }\n\n #scoreboard h3 { text-align: center; }\n\n ol { padding-left: 20px; }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Force \u2013 Science Quiz | 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. Science mein force kise kehte hain?\",\n options: [\n \"A. Sirf kisi object ko dekhna\",\n \"B. Kisi object par lagaya gaya push ya pull\",\n \"C. Sirf object ka colour change karna\",\n \"D. Kisi object ka temperature measure karna\"\n ],\n correct: 1,\n explanation: \"Jab hum kisi object ko dhakka dete hain ya kheenchte hain, toh hum us par force apply karte hain.<br><br><strong>Example:<\/strong> Darwaze ko dhakka dekar kholna push hai, aur darwaze ko apni taraf kheenchna pull hai.\"\n },\n\n {\n question: \"2. Ek student cardboard box ko aage dhakka deta hai. Woh kaunsa force apply kar raha hai?\",\n options: [\n \"A. Push\",\n \"B. Pull\",\n \"C. Koi force nahi\",\n \"D. Sirf gravity\"\n ],\n correct: 0,\n explanation: \"Jab hum kisi object ko apne se door dhakelte hain, toh use push kehte hain.<br><br><strong>Example:<\/strong> Table ko aage khiskane ke liye dhakka dena push hai.\"\n },\n\n {\n question: \"3. Inmein se pull ka example kaunsa hai?\",\n options: [\n \"A. Football ko kick karna\",\n \"B. Wall ko dhakka dena\",\n \"C. Bucket ko rassi se upar kheenchna\",\n \"D. Ball ko bat se hit karna\"\n ],\n correct: 2,\n explanation: \"Jab hum kisi object ko apni taraf ya apni direction mein kheenchte hain, toh use pull kehte hain.<br><br><strong>Example:<\/strong> Well se paani ki bucket ko rassi se kheenchkar upar lana pull hai.\"\n },\n\n {\n question: \"4. Ragini cycling karte samay pedals ko harder push karti hai. Pedals par force lagane ka main purpose kya hai?\",\n options: [\n \"A. Bicycle ka colour badalna\",\n \"B. Tyres ka size badhana\",\n \"C. Bicycle ka weight khatam karna\",\n \"D. Bicycle ko chalane aur uski speed badhane mein help karna\"\n ],\n correct: 3,\n explanation: \"Pedals par force lagane se bicycle move kar sakti hai. Suitable conditions mein zyada effective pedalling force bicycle ki speed badha sakta hai.<br><br><strong>Example:<\/strong> Cycle ko start karne ke liye hum pedals ko push karte hain.\"\n },\n\n {\n question: \"5. Jab bicycle hawa ke opposite direction mein chalti hai, toh cyclist ko kya feel ho sakta hai?\",\n options: [\n \"A. Hawa bilkul nahi lagti\",\n \"B. Hawa movement ka oppose karti hai\",\n \"C. Bicycle ka weight zero ho jata hai\",\n \"D. Pedals apne aap gayab ho jaate hain\"\n ],\n correct: 1,\n explanation: \"Hawa bicycle aur cyclist ki motion ke opposite direction mein force laga sakti hai. Is wajah se aage badhne ke liye zyada effort lag sakta hai.<br><br><strong>Example:<\/strong> Tez hawa ke against cycle chalana, hawa ki direction mein cycle chalane se mushkil ho sakta hai.\"\n },\n\n {\n question: \"6. Agar ek box ko move karna ho, toh us par kya apply karna pad sakta hai?\",\n options: [\n \"A. Push ya pull\",\n \"B. Sirf light\",\n \"C. Sirf sound\",\n \"D. Sirf smell\"\n ],\n correct: 0,\n explanation: \"Box ko move karne ke liye hum push ya pull apply kar sakte hain. Force object ki motion ko change karne mein help kar sakta hai.<br><br><strong>Example:<\/strong> Heavy box ko floor par aage khiskane ke liye dhakka dena.\"\n },\n\n {\n question: \"7. Bicycle ki bell press karne par kaunsa action hota hai?\",\n options: [\n \"A. Bell ko pull karna hi zaroori hai\",\n \"B. Bicycle ka weight badhta hai\",\n \"C. Bell ke button ya lever par force apply hota hai\",\n \"D. Gravity khatam ho jaati hai\"\n ],\n correct: 2,\n explanation: \"Bell ko operate karne ke liye hum uske button ya lever par force lagate hain. Isse bell ka mechanism kaam karta hai aur sound produce hoti hai.<br><br><strong>Example:<\/strong> Cycle ki bell dabane par \u201ctring-tring\u201d sound aati hai.\"\n },\n\n {\n question: \"8. Jab Sonali aur Ragini hill se neeche bina pedal kiye fast move karti hain, toh unki speed badhne ka main reason kya hai?\",\n options: [\n \"A. Hawa ka rang badalna\",\n \"B. Tyres ka hawa chhod dena\",\n \"C. Bell ka sound produce karna\",\n \"D. Gravity ki wajah se downhill motion\"\n ],\n correct: 3,\n explanation: \"Earth ki gravity bicycle aur riders ko neeche ki taraf pull karti hai. Slope par gravity ka ek component downhill motion mein help karta hai.<br><br><strong>Example:<\/strong> Hill se neeche aati ball bina push kiye accelerate kar sakti hai.\"\n },\n\n {\n question: \"9. Force kisi object par apply karne se kya ho sakta hai?\",\n options: [\n \"A. Object hamesha disappear ho jata hai\",\n \"B. Object ki motion ya shape change ho sakti hai\",\n \"C. Object hamesha liquid ban jata hai\",\n \"D. Object ka mass hamesha zero ho jata hai\"\n ],\n correct: 1,\n explanation: \"Force object ko move kar sakta hai, uski speed ya direction change kar sakta hai, ya uski shape ko change kar sakta hai.<br><br><strong>Example:<\/strong> Football ko kick karne se uski motion change hoti hai. Sponge ko press karne se uski shape change hoti hai.\"\n },\n\n {\n question: \"10. Ek stationary cardboard box ko koi student dhakka deta hai, lekin box move nahi karta. Is situation mein sabse sahi statement kaunsa hai?\",\n options: [\n \"A. Student ne force apply nahi kiya\",\n \"B. Box par gravity nahi lag rahi\",\n \"C. Applied force ke bawajood box stationary reh sakta hai\",\n \"D. Har force se object ko move karna hi chahiye\"\n ],\n correct: 2,\n explanation: \"Agar applied force ko friction ya koi doosra opposing force balance kar raha ho, toh object stationary reh sakta hai. Force lagne ka matlab yeh nahi ki object hamesha move karega.<br><br><strong>Example:<\/strong> Floor par rakhe heavy box ko halka dhakka dene par woh nahi hilta, kyunki friction us motion ko oppose kar sakta 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) return alert(\"Please enter your name.\");\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) score++;\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) cls = \"correct\";\n if (selected === i && selected !== correct) cls = \"wrong\";\n\n return `<label class=\"${cls}\">${opt}<\/label>`;\n\n }).join('');\n\n container.innerHTML += `\n <div class=\"question\">${q.question}<\/div>\n <div class=\"options\">${optsHTML}<\/div>\n <div class=\"explanation\" style=\"display:block;\">\n ${q.explanation}\n <\/div>\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 saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name,\n 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>${s.name} - ${s.score}\/10 (${s.date})<\/li>`\n ).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n\n\n\n\nch5 part2<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Effects of Force \u2013 Science Quiz | APICAL CLASSES<\/title>\n\n <style>\n body {\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 }\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\n h2 {\n text-align: center;\n color: #1e3c72;\n }\n\n .question {\n font-weight: bold;\n margin: 10px 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 }\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 margin-bottom: 15px;\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\n button {\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\n button:hover {\n background-color: #1e3c72;\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\n ol {\n padding-left: 20px;\n }\n\n input[type=\"text\"] {\n padding: 10px;\n width: 65%;\n max-width: 300px;\n border: 1px solid #ccc;\n border-radius: 6px;\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Effects of Force \u2013 Science Quiz | 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. Force kisi stationary object par apply karne se kya ho sakta hai?\",\n options: [\n \"A. Object ka colour hamesha change hoga\",\n \"B. Object ka mass zero ho jayega\",\n \"C. Object rest se move karna start kar sakta hai\",\n \"D. Object hamesha disappear ho jayega\"\n ],\n correct: 2,\n explanation: \"Explanation: Jab stationary object par suitable unbalanced force lagta hai, toh object move karna start kar sakta hai.<br><br>Example: Football ko kick karne par woh rest se move karne lagti hai.\"\n },\n\n {\n question: \"2. Ek fielder moving ball ko pakadkar rok deta hai. Force ka kya effect hua?\",\n options: [\n \"A. Ball ruk gayi\",\n \"B. Ball ka colour badal gaya\",\n \"C. Ball ka mass badh gaya\",\n \"D. Ball ka temperature hamesha badh gaya\"\n ],\n correct: 0,\n explanation: \"Explanation: Fielder ball par force apply karta hai, jisse ball ki speed decrease hote-hote zero ho sakti hai.<br><br>Example: Cricket mein fielder ball ko catch karke rok deta hai.\"\n },\n\n {\n question: \"3. Moving ball ko bat se hit karne par ball doosri direction mein chali jaati hai. Force ka kaunsa effect hai?\",\n options: [\n \"A. Sirf shape change\",\n \"B. Sirf colour change\",\n \"C. Mass change\",\n \"D. Direction of motion change\"\n ],\n correct: 3,\n explanation: \"Explanation: Moving object par force lagne se uski direction change ho sakti hai.<br><br>Example: Cricket ball bowler ki taraf se aati hai, lekin bat se hit hone ke baad doosri direction mein ja sakti hai.\"\n },\n\n {\n question: \"4. Inflated balloon ko haath se press karne par uski shape change hoti hai. Iska reason kya hai?\",\n options: [\n \"A. Balloon par gravity khatam ho jaati hai\",\n \"B. Applied force balloon ki shape change karta hai\",\n \"C. Balloon ka mass zero ho jata hai\",\n \"D. Balloon mein hawa solid ban jaati hai\"\n ],\n correct: 1,\n explanation: \"Explanation: Kisi object ko press, stretch ya squeeze karne se force uski shape change kar sakta hai.<br><br>Example: Sponge ko haath se dabane par uski shape change ho jaati hai.\"\n },\n\n {\n question: \"5. Moving bicycle par brakes lagane se generally kya hota hai?\",\n options: [\n \"A. Bicycle ki speed badhti hai\",\n \"B. Bicycle ka colour badalta hai\",\n \"C. Bicycle ki speed decrease hoti hai\",\n \"D. Bicycle ka mass kam ho jata hai\"\n ],\n correct: 2,\n explanation: \"Explanation: Brakes lagane par frictional force bicycle ki motion ko oppose karta hai. Isse bicycle slow ho sakti hai aur ruk sakti hai.<br><br>Example: Road par cycle chalate samay brake lagane se cycle slow hokar ruk jaati hai.\"\n },\n\n {\n question: \"6. Rubber band ko dono taraf se kheenchne par kya effect hota hai?\",\n options: [\n \"A. Uski shape aur length change ho sakti hai\",\n \"B. Uska mass zero ho jata hai\",\n \"C. Woh bina force ke disappear ho jaati hai\",\n \"D. Uski direction of motion hamesha change hoti hai\"\n ],\n correct: 0,\n explanation: \"Explanation: Stretching force rubber band ko deform kar sakta hai. Force hatane par rubber band apni original shape ke paas wapas aa sakti hai.<br><br>Example: Rubber band ko kheenchne par woh lambi ho jaati hai.\"\n },\n\n {\n question: \"7. Ek moving football ko doosra player opposite direction mein kick karta hai. Force kya kar sakta hai?\",\n options: [\n \"A. Football ka mass khatam kar sakta hai\",\n \"B. Football ko hamesha same direction mein rakhega\",\n \"C. Football ko transparent bana dega\",\n \"D. Football ki speed aur direction change kar sakta hai\"\n ],\n correct: 3,\n explanation: \"Explanation: Applied force moving object ki speed badha, ghata ya uski direction change kar sakta hai. Exact effect force ki direction aur magnitude par depend karta hai.<br><br>Example: Football ko opposite direction mein kick karne se woh slow ho sakti hai ya reverse direction mein ja sakti hai.\"\n },\n\n {\n question: \"8. Chapati belne ke liye rolling pin se dough ko press kiya jata hai. Force ka main effect kya hai?\",\n options: [\n \"A. Dough ka mass zero hota hai\",\n \"B. Dough ki shape aur thickness change hoti hai\",\n \"C. Dough hawa mein udne lagta hai\",\n \"D. Dough ka colour hamesha blue ho jata hai\"\n ],\n correct: 1,\n explanation: \"Explanation: Rolling pin dough par force apply karta hai, jisse dough flat hokar chapati ki shape leta hai.<br><br>Example: Aate ke dough ko belne par woh gol aur patla ho jata hai.\"\n },\n\n {\n question: \"9. Autorickshaw ka driver steering handle turn karta hai. Isse kya change ho sakta hai?\",\n options: [\n \"A. Autorickshaw ka mass zero ho sakta hai\",\n \"B. Tyres ka size turant badal sakta hai\",\n \"C. Autorickshaw ki direction change ho sakti hai\",\n \"D. Road ka colour change ho sakta hai\"\n ],\n correct: 2,\n explanation: \"Explanation: Steering turn karne se wheels ki direction change hoti hai, jisse moving autorickshaw ka path change ho sakta hai.<br><br>Example: Driver left turn leta hai toh autorickshaw left direction mein mudta hai.\"\n },\n\n {\n question: \"10. Force ke effects ke baare mein kaunsa statement correct hai?\",\n options: [\n \"A. Force object ko move kara sakta hai, slow kar sakta hai, direction ya shape change kar sakta hai\",\n \"B. Force sirf object ka colour change karta hai\",\n \"C. Force ka moving objects par koi effect nahi hota\",\n \"D. Force hamesha object ka mass badhata hai\"\n ],\n correct: 0,\n explanation: \"Explanation: Force ke different effects ho sakte hain\u2014object rest se move kar sakta hai, moving object slow ya fast ho sakta hai, direction change ho sakti hai, aur shape bhi change ho sakti hai.<br><br>Example: Football ko kick karna motion change karta hai, brakes lagana speed kam karta hai, aur balloon ko press karna shape change karta 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 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 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\">${optsHTML}<\/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 saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name,\n 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>${s.name} - ${s.score}\/10 (${s.date})<\/li>`\n ).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n\n\n\n\nch5 part3<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Force and Interactions \u2013 Science Quiz | APICAL CLASSES<\/title>\n\n <style>\n body {\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 }\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\n h2 {\n text-align: center;\n color: #1e3c72;\n }\n\n .question {\n font-weight: bold;\n margin: 10px 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 }\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 margin-bottom: 15px;\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\n button {\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\n button:hover {\n background-color: #1e3c72;\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\n ol {\n padding-left: 20px;\n }\n\n input[type=\"text\"] {\n padding: 10px;\n width: 65%;\n max-width: 300px;\n border: 1px solid #ccc;\n border-radius: 6px;\n }\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Force and Interactions \u2013 Science Quiz | 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. Force apply hone ke liye minimum kitne objects ke beech interaction zaroori hai?\",\n options: [\n \"A. Sirf ek object\",\n \"B. Kam se kam do objects\",\n \"C. Hamesha five objects\",\n \"D. Koi object zaroori nahi\"\n ],\n correct: 1,\n explanation: \"Explanation: Force tab arise hota hai jab do ya do se zyada objects ek-doosre ke saath interact karte hain.<br><br>Example: Jab hum table ko push karte hain, toh hamara hand aur table interact karte hain.\"\n },\n\n {\n question: \"2. Jab ek student table ko push karta hai, toh force apply karne wale aur force receive karne wale objects kaun se hain?\",\n options: [\n \"A. Student ka hand aur table\",\n \"B. Table aur floor only\",\n \"C. Student ke shoes aur floor only\",\n \"D. Table aur room ki light\"\n ],\n correct: 0,\n explanation: \"Explanation: Student ka hand table par force apply karta hai. Is interaction mein hand aur table dono involved hain.<br><br>Example: Door ko haath se push karne par hand door par force lagata hai.\"\n },\n\n {\n question: \"3. Science mein force ki correct definition kya hai?\",\n options: [\n \"A. Sirf object ka weight\",\n \"B. Sirf object ki speed\",\n \"C. Kisi object par doosre object ke interaction se lagne wala push ya pull\",\n \"D. Sirf object ka temperature\"\n ],\n correct: 2,\n explanation: \"Explanation: Force ek push ya pull hai jo kisi doosre object ke saath interaction ke result mein lagta hai.<br><br>Example: Magnet iron nail ko attract karta hai, kyunki magnet aur nail ke beech magnetic interaction hota hai.\"\n },\n\n {\n question: \"4. Jab football player ball ko kick karta hai, toh kaun se objects interact karte hain?\",\n options: [\n \"A. Ball aur sky\",\n \"B. Shoes aur ground only\",\n \"C. Ball aur goalpost only\",\n \"D. Player ka foot aur football\"\n ],\n correct: 3,\n explanation: \"Explanation: Kick karte waqt player ka foot football par force apply karta hai. Foot aur ball ke beech interaction hota hai.<br><br>Example: Football ko kick karne par ball move karne lagti hai.\"\n },\n\n {\n question: \"5. Force ki SI unit kya hai?\",\n options: [\n \"A. Metre\",\n \"B. Newton\",\n \"C. Kilogram\",\n \"D. Second\"\n ],\n correct: 1,\n explanation: \"Explanation: Force ki SI unit newton hai. Iska naam English mein small \u201cn\u201d se likha jata hai, lekin iska symbol capital N hota hai.<br><br>Example: Agar kisi object par 5 newton force lagta hai, toh ise 5 N likhte hain.\"\n },\n\n {\n question: \"6. Force ke symbol ko kaise likha jata hai?\",\n options: [\n \"A. N\",\n \"B. m\",\n \"C. kg\",\n \"D. s\"\n ],\n correct: 0,\n explanation: \"Explanation: Newton force ki SI unit hai aur N uska symbol hai.<br><br>Example: 10 newton force ko 10 N likha jata hai.\"\n },\n\n {\n question: \"7. Ek magnet bina direct contact ke iron nail ko attract karta hai. Isse kya pata chalta hai?\",\n options: [\n \"A. Force sirf touch karne se lagta hai\",\n \"B. Iron nail par koi force nahi lagta\",\n \"C. Objects bina direct contact ke bhi interact kar sakte hain\",\n \"D. Magnet ka koi magnetic field nahi hota\"\n ],\n correct: 2,\n explanation: \"Explanation: Magnetic force bina direct physical contact ke bhi act kar sakta hai. Isliye force ke liye hamesha touching zaroori nahi hai.<br><br>Example: Magnet ko iron nail ke paas lane par nail magnet ki taraf attract ho sakta hai.\"\n },\n\n {\n question: \"8. Jab ek student drawer ko pull karta hai, toh force kis interaction se arise hota hai?\",\n options: [\n \"A. Drawer aur sunlight ke interaction se\",\n \"B. Drawer aur room ke colour ke interaction se\",\n \"C. Drawer aur sound ke interaction se\",\n \"D. Student ke hand aur drawer ke interaction se\"\n ],\n correct: 3,\n explanation: \"Explanation: Student ka hand drawer ko pull karta hai. Dono objects ke beech interaction hone se force apply hota hai.<br><br>Example: Drawer ka handle kheenchkar drawer open karna.\"\n },\n\n {\n question: \"9. Ek ball floor par rest mein hai. Gravity ball par force apply karti hai. Is interaction mein kaun se objects involved hain?\",\n options: [\n \"A. Ball aur table\",\n \"B. Earth aur ball\",\n \"C. Ball aur light bulb\",\n \"D. Floor aur window\"\n ],\n correct: 1,\n explanation: \"Explanation: Earth apni gravitational force se ball ko apni taraf attract karti hai. Is interaction mein Earth aur ball involved hain.<br><br>Example: Haath se chhodi gayi ball Earth ki gravity ke karan neeche girti hai.\"\n },\n\n {\n question: \"10. Forces aur interactions ke baare mein kaunsa statement correct hai?\",\n options: [\n \"A. Force ke liye interaction zaroori hai; kam se kam do objects involved hote hain\",\n \"B. Force hamesha sirf ek object se arise hota hai\",\n \"C. Force ki SI unit kilogram hai\",\n \"D. Force sirf tab lagta hai jab objects ek-doosre ko touch karte hain\"\n ],\n correct: 0,\n explanation: \"Explanation: Force objects ke interaction se arise hota hai. Interaction contact ke through ya non-contact forces, jaise gravity aur magnetism, ke through ho sakta hai.<br><br>Example: Hand table ko push karta hai (contact force), jabki Earth ball ko attract karti hai (gravitational force).\"\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 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 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\">${optsHTML}<\/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 saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name,\n 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>${s.name} - ${s.score}\/10 (${s.date})<\/li>`\n ).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n\n\n\n\nch5 part4<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>\ud83e\udde0 Contact Force and Muscular Force Quiz<\/title>\n\n<style>\n body {\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 }\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\n h2 {\n text-align: center;\n color: #1e3c72;\n }\n\n .question {\n font-weight: bold;\n margin: 10px 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 }\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\n button {\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\n button:hover {\n background-color: #1e3c72;\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\n ol {\n padding-left: 20px;\n }\n\n input[type=\"text\"] {\n padding: 10px;\n width: 70%;\n max-width: 300px;\n border: 1px solid #ccc;\n border-radius: 6px;\n }\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Contact Force and Muscular Force Quiz<\/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. Contact force kise kehte hain?\",\n options: [\n \"A. Jo force bina kisi interaction ke lagta hai\",\n \"B. Jo force sirf sunlight se produce hota hai\",\n \"C. Jo force physical contact hone par act karta hai\",\n \"D. Jo force sirf magnets mein hota hai\"\n ],\n correct: 2,\n explanation: \"Contact force tab act karta hai jab force lagane wale object aur doosre object ke beech physical contact hota hai.<br><br><b>Example:<\/b> Haath se table ko push karna contact force hai.\"\n },\n\n {\n question: \"2. Muscular force kiski action se produce hota hai?\",\n options: [\n \"A. Body ki muscles\",\n \"B. Sunlight\",\n \"C. Magnet\",\n \"D. Earth ke magnetic field only\"\n ],\n correct: 0,\n explanation: \"Hamari body ki muscles jab contract aur elongate karti hain, toh physical activities ke liye force produce hota hai. Ise muscular force kehte hain.<br><br><b>Example:<\/b> Dumbbell ko haath se lift karne mein muscular force use hota hai.\"\n },\n\n {\n question: \"3. Inmein se muscular force ka example kaunsa hai?\",\n options: [\n \"A. Magnet ka iron nail ko attract karna\",\n \"B. Earth ka ball ko neeche kheenchna\",\n \"C. Comb ka paper pieces ko attract karna\",\n \"D. Ek person ka heavy box ko push karna\"\n ],\n correct: 3,\n explanation: \"Box ko push karne ke liye person apni muscles ka use karta hai. Isliye muscular force apply hota hai.<br><br><b>Example:<\/b> Furniture ko room mein doosri jagah move karna.\"\n },\n\n {\n question: \"4. Contact force apply karne ke liye kya zaroori hota hai?\",\n options: [\n \"A. Sirf high temperature\",\n \"B. Objects ke beech physical contact\",\n \"C. Sirf electricity\",\n \"D. Sirf magnetic field\"\n ],\n correct: 1,\n explanation: \"Contact force tabhi act karta hai jab interacting objects physically touch karte hain. Contact direct ya kisi tool ke through ho sakta hai.<br><br><b>Example:<\/b> Stick se ball ko push karna contact force hai, kyunki stick ball ko touch karti hai.\"\n },\n\n {\n question: \"5. Rope se bucket ko well se upar kheenchna kis type ke force ka example hai?\",\n options: [\n \"A. Gravitational force only\",\n \"B. Magnetic force\",\n \"C. Contact force\",\n \"D. Electrostatic force\"\n ],\n correct: 2,\n explanation: \"Rope bucket ko touch karti hai aur us par pulling force apply karti hai. Isliye yeh contact force hai.<br><br><b>Example:<\/b> Rope ki help se well se paani ki bucket nikalna.\"\n },\n\n {\n question: \"6. Animals apni body ko move karne ke liye mainly kaunsa force use karte hain?\",\n options: [\n \"A. Muscular force\",\n \"B. Electrostatic force\",\n \"C. Magnetic force\",\n \"D. Nuclear force\"\n ],\n correct: 0,\n explanation: \"Animals ki muscles movement mein help karti hain. Walking, running, jumping aur swimming mein muscular force use hota hai.<br><br><b>Example:<\/b> Dog ka run karna ya fish ka apni muscles ki help se swim karna.\"\n },\n\n {\n question: \"7. Bird ke wings movement mein kaunsa force important role play karta hai?\",\n options: [\n \"A. Sirf magnetic force\",\n \"B. Sirf gravitational force\",\n \"C. Sirf electrostatic force\",\n \"D. Muscular force\"\n ],\n correct: 3,\n explanation: \"Birds apni muscles ki help se wings move karte hain. Wings ki movement flight mein help karti hai.<br><br><b>Example:<\/b> Bird ka wings flap karke hawa mein udna.\"\n },\n\n {\n question: \"8. Ek person stick ki help se door rakhi ball ko push karta hai. Is situation mein contact force kyun hai?\",\n options: [\n \"A. Kyunki ball bina force ke move karti hai\",\n \"B. Kyunki stick ball ko touch karke force apply karti hai\",\n \"C. Kyunki stick magnetic hai\",\n \"D. Kyunki ball ka mass zero hai\"\n ],\n correct: 1,\n explanation: \"Contact force direct hand-to-object contact se hi nahi, balki stick ya rope jaise tools ke through bhi apply ho sakta hai.<br><br><b>Example:<\/b> Hockey stick se ball ko hit karna.\"\n },\n\n {\n question: \"9. Walking aur running karne mein kaunsa force use hota hai?\",\n options: [\n \"A. Magnetic force\",\n \"B. Electrostatic force\",\n \"C. Muscular force\",\n \"D. Gravitational force only\"\n ],\n correct: 2,\n explanation: \"Walking aur running ke dauran body ki muscles contract aur relax karti hain, jisse legs move karte hain.<br><br><b>Example:<\/b> Race mein daudte samay legs ki muscles force produce karti hain.\"\n },\n\n {\n question: \"10. Contact force aur muscular force ke baare mein kaunsa statement correct hai?\",\n options: [\n \"A. Muscular force, muscles ki action se produce hota hai aur yeh contact force ka example hai\",\n \"B. Muscular force bina muscles ke produce hota hai\",\n \"C. Contact force ke liye physical contact ki zaroorat nahi hoti\",\n \"D. Sirf humans muscular force use karte hain\"\n ],\n correct: 0,\n explanation: \"Muscular force body ki muscles se produce hota hai. Yeh contact force hai, kyunki isse apply karne ke liye body aur object ke beech physical contact hota hai.<br><br><b>Example:<\/b> Person ka suitcase lift karna ya elephant ka apni muscles ki help se chalna.\"\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 <p><strong>Student Name:<\/strong> ${userName.replace(\/[&<>\"']\/g, c => ({\n '&':'&', '<':'<', '>':'>',\n '\"':'"', \"'\":'''\n })[c])}<\/p>\n `;\n}\n\nfunction saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name,\n 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>${String(s.name).replace(\/[&<>\"']\/g, c => ({\n '&':'&', '<':'<', '>':'>',\n '\"':'"', \"'\":'''\n })[c])} - ${s.score}\/10 (${s.date})<\/li>\n `).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n\n\n\n\nch5 part5<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>\ud83e\udde0 Friction Force Quiz<\/title>\n\n<style>\n body {\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 }\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\n h2 { text-align: center; color: #1e3c72; }\n\n .question {\n font-weight: bold;\n margin: 10px 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 }\n\n .options label:hover { background: #f0f0f0; }\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 { text-align: center; margin-top: 15px; }\n\n button {\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\n button:hover { background-color: #1e3c72; }\n\n #scoreboard {\n margin-top: 25px;\n background: #eef3f7;\n padding: 15px;\n border-radius: 8px;\n }\n\n #scoreboard h3 { text-align: center; }\n\n ol { padding-left: 20px; }\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"quiz-container\">\n\n <h2>\ud83e\udde0 Friction Force Quiz<\/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. Friction force kise kehte hain?\",\n options: [\n \"A. Jo force hamesha motion ko increase karta hai\",\n \"B. Jo force moving ya move karne ki koshish kar rahe object ki motion ko oppose karta hai\",\n \"C. Jo force sirf objects ko attract karta hai\",\n \"D. Jo force object ka mass badhata hai\"\n ],\n correct: 1,\n explanation: \"Friction ek contact force hai jo do surfaces ke contact mein aane par arise hota hai. Yeh object ki sliding ya motion ki tendency ko oppose karta hai.<br><br><b>Example:<\/b> Floor par slide karta hua box friction ki wajah se kuch distance ke baad ruk jata hai.\"\n },\n\n {\n question: \"2. Flat ground par rolling ball kuch time baad kyun ruk jaati hai?\",\n options: [\n \"A. Friction force ki wajah se\",\n \"B. Ball ka mass zero ho jaata hai\",\n \"C. Gravity khatam ho jaati hai\",\n \"D. Ball ki shape gayab ho jaati hai\"\n ],\n correct: 0,\n explanation: \"Ball aur ground ke beech friction ball ki motion ko oppose karta hai, jis se ball ki speed gradually decrease hoti hai.<br><br><b>Example:<\/b> Football ko ground par roll karne par woh kuch distance ke baad ruk jaati hai.\"\n },\n\n {\n question: \"3. Friction force ki direction generally kis taraf hoti hai?\",\n options: [\n \"A. Hamesha upward\",\n \"B. Hamesha downward\",\n \"C. Motion ya motion ki tendency ke opposite\",\n \"D. Hamesha object ke weight ki direction mein\"\n ],\n correct: 2,\n explanation: \"Friction object ki relative sliding motion ya sliding ki tendency ko oppose karta hai. Isliye yeh us direction ke opposite act karta hai.<br><br><b>Example:<\/b> Agar box floor par right side slide kar raha hai, toh friction box par left side act karega.\"\n },\n\n {\n question: \"4. Rough road par bicycle, smooth road ke comparison mein jaldi kyun slow ho sakti hai?\",\n options: [\n \"A. Rough road par gravity nahi hoti\",\n \"B. Smooth road par bicycle ka mass zero hota hai\",\n \"C. Rough road par tyres ka size badh jaata hai\",\n \"D. Rough road par friction generally zyada hota hai\"\n ],\n correct: 3,\n explanation: \"Rough surfaces ki irregularities motion ko zyada oppose kar sakti hain. Isliye similar conditions mein bicycle rough road par jaldi slow ho sakti hai.<br><br><b>Example:<\/b> Rough floor par box ko slide karna smooth floor ke comparison mein mushkil ho sakta hai.\"\n },\n\n {\n question: \"5. Friction kis type ka force hai?\",\n options: [\n \"A. Contact force\",\n \"B. Non-contact force\",\n \"C. Sirf magnetic force\",\n \"D. Sirf gravitational force\"\n ],\n correct: 0,\n explanation: \"Friction tab arise hota hai jab do surfaces contact mein hote hain. Isliye friction contact force hai.<br><br><b>Example:<\/b> Shoes aur ground ke beech friction walking mein help karta hai.\"\n },\n\n {\n question: \"6. Do surfaces par friction arise hone ka ek main reason kya hai?\",\n options: [\n \"A. Surfaces ka hamesha liquid hona\",\n \"B. Surfaces ki minute irregularities ka ek-doosre ko oppose karna\",\n \"C. Surfaces ka completely disappear hona\",\n \"D. Objects ka light produce karna\"\n ],\n correct: 1,\n explanation: \"Surfaces smooth dikhne ke bawajood un par tiny irregularities hoti hain. Contact mein aane par ye irregularities relative motion ko oppose kar sakti hain.<br><br><b>Example:<\/b> Rough wooden block ko table par slide karne mein resistance feel hota hai.\"\n },\n\n {\n question: \"7. Ek student notebook ko table par push karta hai. Notebook kuch distance ke baad ruk jaati hai. Iska best explanation kya hai?\",\n options: [\n \"A. Notebook par koi force nahi lagta\",\n \"B. Notebook ka mass khatam ho jaata hai\",\n \"C. Notebook aur table ke beech friction uski motion ko oppose karta hai\",\n \"D. Table notebook ko permanently attract karti hai\"\n ],\n correct: 2,\n explanation: \"Notebook slide karte waqt notebook aur table ke contact surfaces ke beech friction act karta hai. Yeh notebook ki speed decrease karta hai.<br><br><b>Example:<\/b> Geometry box ko desk par push karne ke baad woh kuch distance par ruk jata hai.\"\n },\n\n {\n question: \"8. Friction ke baare mein kaunsa statement correct hai?\",\n options: [\n \"A. Friction sirf air mein hota hai\",\n \"B. Friction hamesha motion ko increase karta hai\",\n \"C. Friction bina kisi interaction ke arise hota hai\",\n \"D. Friction moving ya move karne ki tendency wale object ko oppose kar sakta hai\"\n ],\n correct: 3,\n explanation: \"Friction sirf moving objects par hi nahi, balki un objects par bhi act kar sakta hai jo kisi surface par move karne ki koshish kar rahe hon.<br><br><b>Example:<\/b> Heavy cupboard ko push karne par woh tab tak stationary reh sakta hai jab tak applied force static friction ko overcome na kare.\"\n },\n\n {\n question: \"9. Agar sliding object ki direction reverse kar di jaaye, toh friction ki direction kya hogi?\",\n options: [\n \"A. Friction phir bhi relative sliding motion ko oppose karega\",\n \"B. Friction hamesha original direction mein rahega\",\n \"C. Friction completely disappear ho jayega\",\n \"D. Friction hamesha upward act karega\"\n ],\n correct: 0,\n explanation: \"Friction ki direction object ki current sliding direction ke opposite hoti hai. Object ki direction badalne par friction ki direction bhi badal sakti hai.<br><br><b>Example:<\/b> Box ko right slide karne par friction left act karta hai; box ko left slide karne par friction right act karta hai.\"\n },\n\n {\n question: \"10. Table par rakhe box ko push karna rough surface par zyada difficult kyun ho sakta hai?\",\n options: [\n \"A. Rough surface box ka mass remove kar deti hai\",\n \"B. Rough surfaces ke beech friction zyada ho sakta hai\",\n \"C. Rough surface par contact nahi hota\",\n \"D. Rough surface gravity ko khatam kar deti hai\"\n ],\n correct: 1,\n explanation: \"Rough surfaces ki irregularities ek-doosre ko zyada oppose kar sakti hain. Is wajah se box ko move karne ke liye generally zyada force ki zaroorat ho sakti hai.<br><br><b>Example:<\/b> Carpet par heavy box ko slide karna smooth tiles ke comparison mein mushkil ho sakta 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) return alert(\"Please enter your name.\");\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) score++;\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) cls = \"correct\";\n\n if (selected === i && selected !== correct) cls = \"wrong\";\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\">${optsHTML}<\/div>\n\n <div class=\"explanation\" style=\"display:block;\">\n ${q.explanation}\n <\/div>\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 saveScore(name, score) {\n\n let scores = JSON.parse(localStorage.getItem(\"quizScores\")) || [];\n\n scores.push({\n name,\n 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 => `<li>${s.name} - ${s.score}\/10 (${s.date})<\/li>`).join('');\n}\n\n<\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n\n\n\n\nch5 part6<\/p>\n\n\n\n
<\/code><\/pre>\n\n\n\n\n\n\n\nch5 part7<\/p>\n\n\n\n
<\/code><\/pre>\n\n\n\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"ch5 part1<\/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-5401","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5401","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=5401"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5401\/revisions"}],"predecessor-version":[{"id":5402,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=\/wp\/v2\/posts\/5401\/revisions\/5402"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}