{"id":6855,"date":"2026-01-02T09:08:53","date_gmt":"2026-01-02T09:08:53","guid":{"rendered":"https:\/\/obsidiansofteducation.com\/?p=6855"},"modified":"2026-01-02T09:16:40","modified_gmt":"2026-01-02T09:16:40","slug":"water-cycle-for-kids-quiz","status":"publish","type":"post","link":"https:\/\/obsidiansofteducation.com\/index.php\/2026\/01\/02\/water-cycle-for-kids-quiz\/","title":{"rendered":"Water Cycle for Kids &#8211; Quiz"},"content":{"rendered":"\n<!-- WordPress-Ready Quiz: Water Cycle - Grade 3 -->\n<!-- Generated by wordpress-converter skill -->\n<!-- Paste this into WordPress Custom HTML block -->\n\n<div class=\"wp-study-content wp-content-quiz\">\n  <style>\n    \/* Scoped styles for WordPress compatibility *\/\n    .wp-study-content * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .wp-study-content {\n      font-family: 'Comic Sans MS', 'Arial', sans-serif;\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      min-height: 100vh;\n      padding: 20px;\n      margin: 0 -20px;\n    }\n\n    .wp-study-content .wp-container {\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    .wp-study-content .wp-header {\n      text-align: center;\n      color: white;\n      margin-bottom: 30px;\n    }\n\n    .wp-study-content .wp-header h1 {\n      font-size: 2.5em;\n      margin-bottom: 10px;\n      text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n\n    .wp-study-content .wp-header p {\n      font-size: 1.2em;\n      opacity: 0.95;\n    }\n\n    .wp-study-content .wp-ad-container {\n      margin: 20px 0;\n      display: flex;\n      justify-content: center;\n      background: rgba(255,255,255,0.1);\n      padding: 10px;\n      border-radius: 10px;\n    }\n\n    .wp-study-content .wp-quiz-card {\n      background: white;\n      border-radius: 20px;\n      padding: 40px;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n      margin-bottom: 20px;\n    }\n\n    .wp-study-content .wp-progress-bar {\n      background: #e0e0e0;\n      height: 30px;\n      border-radius: 15px;\n      margin-bottom: 30px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .wp-study-content .wp-progress-fill {\n      background: linear-gradient(90deg, #11998e 0%, #38ef7d 100%);\n      height: 100%;\n      width: 0%;\n      transition: width 0.5s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-weight: bold;\n      font-size: 1.1em;\n    }\n\n    .wp-study-content .wp-question-section {\n      margin-bottom: 30px;\n    }\n\n    .wp-study-content .wp-question-number {\n      color: #667eea;\n      font-size: 1.3em;\n      font-weight: bold;\n      margin-bottom: 15px;\n    }\n\n    .wp-study-content .wp-question-text {\n      font-size: 1.5em;\n      color: #333;\n      margin-bottom: 25px;\n      line-height: 1.5;\n    }\n\n    .wp-study-content .wp-emoji-large {\n      font-size: 4em;\n      text-align: center;\n      margin: 20px 0;\n    }\n\n    .wp-study-content .wp-options {\n      display: flex;\n      flex-direction: column;\n      gap: 15px;\n    }\n\n    .wp-study-content .wp-option {\n      background: #f5f5f5;\n      padding: 20px;\n      border-radius: 15px;\n      border: 3px solid transparent;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-size: 1.2em;\n      display: flex;\n      align-items: center;\n      gap: 15px;\n    }\n\n    .wp-study-content .wp-option:hover {\n      background: #e8e8e8;\n      transform: translateX(5px);\n    }\n\n    .wp-study-content .wp-option.wp-selected {\n      border-color: #667eea;\n      background: #e3f2fd;\n    }\n\n    .wp-study-content .wp-option.wp-correct {\n      border-color: #4CAF50;\n      background: #e8f5e9;\n    }\n\n    .wp-study-content .wp-option.wp-incorrect {\n      border-color: #f44336;\n      background: #ffebee;\n    }\n\n    .wp-study-content .wp-option-letter {\n      background: #667eea;\n      color: white;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: bold;\n      font-size: 1.2em;\n      flex-shrink: 0;\n    }\n\n    .wp-study-content .wp-option.wp-correct .wp-option-letter {\n      background: #4CAF50;\n    }\n\n    .wp-study-content .wp-option.wp-incorrect .wp-option-letter {\n      background: #f44336;\n    }\n\n    .wp-study-content .wp-feedback {\n      margin-top: 20px;\n      padding: 20px;\n      border-radius: 15px;\n      font-size: 1.2em;\n      display: none;\n    }\n\n    .wp-study-content .wp-feedback.wp-show {\n      display: block;\n    }\n\n    .wp-study-content .wp-feedback.wp-correct {\n      background: #e8f5e9;\n      border-left: 5px solid #4CAF50;\n      color: #2e7d32;\n    }\n\n    .wp-study-content .wp-feedback.wp-incorrect {\n      background: #ffebee;\n      border-left: 5px solid #f44336;\n      color: #c62828;\n    }\n\n    .wp-study-content .wp-buttons {\n      display: flex;\n      gap: 15px;\n      margin-top: 30px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .wp-study-content button {\n      padding: 15px 35px;\n      font-size: 1.2em;\n      font-family: 'Comic Sans MS', 'Arial', sans-serif;\n      border: none;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: all 0.3s ease;\n      font-weight: bold;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    }\n\n    .wp-study-content button:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 12px rgba(0,0,0,0.2);\n    }\n\n    .wp-study-content button:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .wp-study-content .wp-btn-submit {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: white;\n    }\n\n    .wp-study-content .wp-btn-next {\n      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);\n      color: white;\n    }\n\n    .wp-study-content .wp-btn-restart {\n      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n      color: white;\n    }\n\n    .wp-study-content .wp-results {\n      text-align: center;\n    }\n\n    .wp-study-content .wp-results h2 {\n      color: #667eea;\n      font-size: 2.5em;\n      margin-bottom: 20px;\n    }\n\n    .wp-study-content .wp-score-display {\n      font-size: 5em;\n      font-weight: bold;\n      margin: 30px 0;\n    }\n\n    .wp-study-content .wp-score-excellent {\n      color: #4CAF50;\n    }\n\n    .wp-study-content .wp-score-good {\n      color: #2196F3;\n    }\n\n    .wp-study-content .wp-score-okay {\n      color: #FF9800;\n    }\n\n    .wp-study-content .wp-score-message {\n      font-size: 1.5em;\n      margin: 20px 0;\n      color: #555;\n    }\n\n    .wp-study-content .wp-score-breakdown {\n      background: #f5f5f5;\n      padding: 25px;\n      border-radius: 15px;\n      margin: 25px 0;\n      text-align: left;\n    }\n\n    .wp-study-content .wp-score-item {\n      display: flex;\n      justify-content: space-between;\n      padding: 12px;\n      margin: 8px 0;\n      background: white;\n      border-radius: 8px;\n      font-size: 1.2em;\n    }\n\n    .wp-study-content .wp-start-screen {\n      text-align: center;\n    }\n\n    .wp-study-content .wp-start-screen h2 {\n      color: #667eea;\n      font-size: 2em;\n      margin-bottom: 20px;\n    }\n\n    .wp-study-content .wp-start-screen p {\n      font-size: 1.2em;\n      color: #555;\n      margin: 15px 0;\n      line-height: 1.8;\n    }\n\n    .wp-study-content .wp-quiz-info {\n      background: #e3f2fd;\n      padding: 20px;\n      border-radius: 15px;\n      margin: 25px 0;\n    }\n\n    .wp-study-content .wp-quiz-info h3 {\n      color: #1976d2;\n      margin-bottom: 15px;\n      font-size: 1.4em;\n    }\n\n    .wp-study-content .wp-quiz-info ul {\n      text-align: left;\n      margin-left: 30px;\n      font-size: 1.1em;\n    }\n\n    .wp-study-content .wp-quiz-info li {\n      margin: 10px 0;\n      line-height: 1.6;\n    }\n\n    .wp-study-content .wp-encouragement {\n      background: #fff9c4;\n      padding: 15px;\n      border-radius: 10px;\n      margin: 20px 0;\n      font-size: 1.2em;\n      border-left: 4px solid #fbc02d;\n    }\n\n    .wp-study-content .wp-ad-injected {\n      margin: 25px 0;\n      padding: 15px;\n      background: rgba(255,255,255,0.05);\n      border-radius: 10px;\n    }\n\n    @media (max-width: 600px) {\n      .wp-study-content .wp-header h1 {\n        font-size: 1.8em;\n      }\n\n      .wp-study-content .wp-question-text {\n        font-size: 1.2em;\n      }\n\n      .wp-study-content .wp-option {\n        font-size: 1em;\n      }\n\n      .wp-study-content .wp-quiz-card {\n        padding: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"wp-container\">\n    <div class=\"wp-header\">\n      <h1>Water Cycle Quiz<\/h1>\n      <p>Test Your Knowledge!<\/p>\n    <\/div>\n\n    <!-- AdSense Ad: Top Content -->\n    <div class=\"wp-ad-container\">\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6094106103908730\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Study Content - Top -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6094106103908730\"\n     data-ad-slot=\"8554363503\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n    <\/div>\n\n    <div class=\"wp-quiz-card\">\n      <!-- Start Screen -->\n      <div id=\"wp-startScreen\" class=\"wp-start-screen\">\n        <div class=\"wp-emoji-large\">\ud83d\udca7\ud83c\udf0d\u2601\ufe0f<\/div>\n        <h2>Ready to Test Your Water Cycle Knowledge?<\/h2>\n        <div class=\"wp-quiz-info\">\n          <h3>Quiz Information:<\/h3>\n          <ul>\n            <li>10 fun questions about the water cycle<\/li>\n            <li>Multiple choice format &#8211; pick the best answer!<\/li>\n            <li>Get instant feedback on each question<\/li>\n            <li>See your final score at the end<\/li>\n            <li>You can retake the quiz as many times as you want!<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"wp-encouragement\">\n          Remember: This quiz is to help you learn! It&#8217;s okay if you don&#8217;t know all the answers. Just do your best and have fun!\n        <\/div>\n        <div class=\"wp-buttons\">\n          <button class=\"wp-btn-submit\" id=\"wp-startBtn\">Start Quiz!<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Quiz Screen -->\n      <div id=\"wp-quizScreen\" style=\"display: none;\">\n        <div class=\"wp-progress-bar\">\n          <div class=\"wp-progress-fill\" id=\"wp-progressBar\">Question 1 of 10<\/div>\n        <\/div>\n\n        <div class=\"wp-question-section\">\n          <div class=\"wp-question-number\" id=\"wp-questionNumber\"><\/div>\n          <div class=\"wp-emoji-large\" id=\"wp-questionEmoji\"><\/div>\n          <div class=\"wp-question-text\" id=\"wp-questionText\"><\/div>\n        <\/div>\n\n        <div class=\"wp-options\" id=\"wp-optionsContainer\"><\/div>\n\n        <div class=\"wp-feedback\" id=\"wp-feedback\"><\/div>\n\n        <div class=\"wp-buttons\">\n          <button class=\"wp-btn-submit\" id=\"wp-submitBtn\">Check Answer<\/button>\n          <button class=\"wp-btn-next\" id=\"wp-nextBtn\" style=\"display: none;\">Next Question<\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Results Screen -->\n      <div id=\"wp-resultsScreen\" style=\"display: none;\">\n        <div class=\"wp-results\">\n          <div class=\"wp-emoji-large\" id=\"wp-resultsEmoji\"><\/div>\n          <h2>Quiz Complete!<\/h2>\n          <div class=\"wp-score-display\" id=\"wp-scoreDisplay\"><\/div>\n          <div class=\"wp-score-message\" id=\"wp-scoreMessage\"><\/div>\n\n          <div class=\"wp-score-breakdown\">\n            <h3 style=\"color: #667eea; margin-bottom: 15px;\">Your Results:<\/h3>\n            <div class=\"wp-score-item\">\n              <span>Correct Answers:<\/span>\n              <span id=\"wp-correctCount\" style=\"color: #4CAF50; font-weight: bold;\"><\/span>\n            <\/div>\n            <div class=\"wp-score-item\">\n              <span>Incorrect Answers:<\/span>\n              <span id=\"wp-incorrectCount\" style=\"color: #f44336; font-weight: bold;\"><\/span>\n            <\/div>\n            <div class=\"wp-score-item\">\n              <span>Percentage:<\/span>\n              <span id=\"wp-percentage\" style=\"color: #667eea; font-weight: bold;\"><\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"wp-encouragement\" id=\"wp-encouragementMessage\"><\/div>\n\n          <!-- AdSense Ad: Bottom Content (in results) -->\n          <div class=\"wp-ad-container\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6094106103908730\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Study Content - Bottom -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6094106103908730\"\n     data-ad-slot=\"3287732569\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n          <\/div>\n\n          <div class=\"wp-buttons\">\n            <button class=\"wp-btn-restart\" id=\"wp-restartBtn\">Take Quiz Again<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n  (function() {\n    'use strict';\n\n    \/\/ AdSense configuration - using string concatenation to avoid script tag issues\n    const wpAdsenseAds = {\n      midContent1:\n        '<div class=\"wp-ad-injected\">' +\n        '<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6094106103908730\" crossorigin=\"anonymous\"><\\\/script>' +\n        '<!-- Study Content - Mid 1 -->' +\n        '<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-6094106103908730\" data-ad-slot=\"1344111412\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>' +\n        '<script>(adsbygoogle = window.adsbygoogle || []).push({});<\\\/script>' +\n        '<\/div>',\n      midContent2:\n        '<div class=\"wp-ad-injected\">' +\n        '<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6094106103908730\" crossorigin=\"anonymous\"><\\\/script>' +\n        '<!-- Study Content - Mid 2 -->' +\n        '<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-6094106103908730\" data-ad-slot=\"9031029747\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>' +\n        '<script>(adsbygoogle = window.adsbygoogle || []).push({});<\\\/script>' +\n        '<\/div>'\n    };\n\n    \/\/ All JavaScript wrapped in IIFE for WordPress compatibility\n    document.addEventListener('DOMContentLoaded', function() {\n\n      const questions = [\n        {\n          question: \"What is the water cycle?\",\n          emoji: \"\ud83d\udd04\",\n          options: [\n            \"A bicycle that uses water for fuel\",\n            \"The continuous journey of water as it moves around Earth\",\n            \"A cycle that only happens once a year\",\n            \"A machine that cleans water\"\n          ],\n          correct: 1,\n          explanation: \"Great job! The water cycle is the continuous journey of water moving around Earth - from the ground to the sky and back again!\"\n        },\n        {\n          question: \"What is evaporation?\",\n          emoji: \"\u2600\ufe0f\",\n          options: [\n            \"When water freezes into ice\",\n            \"When clouds form in the sky\",\n            \"When water turns into invisible water vapor and rises into the air\",\n            \"When rain falls from clouds\"\n          ],\n          correct: 2,\n          explanation: \"Excellent! Evaporation happens when the sun heats water and it turns into invisible water vapor that rises up into the air!\"\n        },\n        {\n          question: \"What causes water to evaporate?\",\n          emoji: \"\ud83c\udf1e\",\n          options: [\n            \"The moon's light\",\n            \"The sun's heat\",\n            \"Wind blowing\",\n            \"Fish swimming\"\n          ],\n          correct: 1,\n          explanation: \"Perfect! The sun's heat is what makes water evaporate. When the sun warms water, it turns into water vapor and rises into the sky!\"\n        },\n        {\n          question: \"What are clouds made of?\",\n          emoji: \"\u2601\ufe0f\",\n          options: [\n            \"Cotton and foam\",\n            \"Smoke and dust\",\n            \"Millions of tiny water droplets\",\n            \"Ice cream\"\n          ],\n          correct: 2,\n          explanation: \"That's right! Clouds are made of millions of tiny water droplets that stick together. They're not cotton or foam - they're water!\"\n        },\n        {\n          question: \"What is condensation?\",\n          emoji: \"\ud83d\udca7\",\n          options: [\n            \"When water vapor cools down and turns into liquid water droplets\",\n            \"When water boils and makes steam\",\n            \"When ice melts into water\",\n            \"When plants drink water\"\n          ],\n          correct: 0,\n          explanation: \"Wonderful! Condensation is when water vapor cools down and turns back into tiny water droplets. This is how clouds form!\"\n        },\n        {\n          question: \"What is precipitation?\",\n          emoji: \"\ud83c\udf27\ufe0f\",\n          options: [\n            \"Water sitting in a lake\",\n            \"Water vapor rising into the air\",\n            \"Water falling from clouds as rain, snow, sleet, or hail\",\n            \"Water freezing in a freezer\"\n          ],\n          correct: 2,\n          explanation: \"Awesome! Precipitation is when water falls from clouds back to Earth. It can be rain, snow, sleet, or hail!\"\n        },\n        {\n          question: \"Which of these is NOT a type of precipitation?\",\n          emoji: \"\u2753\",\n          options: [\n            \"Rain\",\n            \"Snow\",\n            \"Fog\",\n            \"Hail\"\n          ],\n          correct: 2,\n          explanation: \"Good thinking! Fog is not precipitation - it's water vapor that condenses near the ground. Rain, snow, and hail all fall from clouds, so they are precipitation!\"\n        },\n        {\n          question: \"Where does most of Earth's water collect?\",\n          emoji: \"\ud83c\udf0a\",\n          options: [\n            \"In swimming pools\",\n            \"In the oceans\",\n            \"In clouds\",\n            \"In rivers only\"\n          ],\n          correct: 1,\n          explanation: \"Exactly! Most of Earth's water collects in the oceans. Oceans hold about 97% of all water on our planet!\"\n        },\n        {\n          question: \"Put the water cycle steps in order: Which comes FIRST?\",\n          emoji: \"1\ufe0f\u20e3\",\n          options: [\n            \"Precipitation - water falls from clouds\",\n            \"Evaporation - water rises into the air\",\n            \"Collection - water gathers in oceans and lakes\",\n            \"Condensation - clouds form\"\n          ],\n          correct: 1,\n          explanation: \"Perfect! The cycle often starts with evaporation - when the sun heats water and it rises into the air. Then comes condensation (clouds), precipitation (water falls), and collection (water gathers)!\"\n        },\n        {\n          question: \"Why is the water cycle important?\",\n          emoji: \"\ud83c\udf0d\",\n          options: [\n            \"It makes pretty rainbows\",\n            \"It gives us fresh water to drink and helps all living things survive\",\n            \"It only helps fish in the ocean\",\n            \"It's not really important\"\n          ],\n          correct: 1,\n          explanation: \"Outstanding! The water cycle is super important because it gives us fresh water to drink, helps plants grow, and supports ALL life on Earth. Every living thing needs water!\"\n        }\n      ];\n\n      let currentQuestion = 0;\n      let score = 0;\n      let selectedAnswer = null;\n      let answered = false;\n\n      function startQuiz() {\n        document.getElementById('wp-startScreen').style.display = 'none';\n        document.getElementById('wp-quizScreen').style.display = 'block';\n        currentQuestion = 0;\n        score = 0;\n        loadQuestion();\n      }\n\n      function loadQuestion() {\n        answered = false;\n        selectedAnswer = null;\n        const question = questions[currentQuestion];\n\n        document.getElementById('wp-questionNumber').textContent = `Question ${currentQuestion + 1} of ${questions.length}`;\n        document.getElementById('wp-questionEmoji').textContent = question.emoji;\n        document.getElementById('wp-questionText').textContent = question.question;\n\n        \/\/ Update progress bar\n        const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n        const progressBar = document.getElementById('wp-progressBar');\n        progressBar.style.width = progress + '%';\n        progressBar.textContent = `Question ${currentQuestion + 1} of ${questions.length}`;\n\n        \/\/ Load options\n        const optionsContainer = document.getElementById('wp-optionsContainer');\n        optionsContainer.innerHTML = '';\n\n        question.options.forEach((option, index) => {\n          const optionDiv = document.createElement('div');\n          optionDiv.className = 'wp-option';\n          optionDiv.onclick = () => selectOption(index);\n\n          const letter = String.fromCharCode(65 + index); \/\/ A, B, C, D\n          optionDiv.innerHTML = `\n            <div class=\"wp-option-letter\">${letter}<\/div>\n            <div>${option}<\/div>\n          `;\n\n          optionsContainer.appendChild(optionDiv);\n        });\n\n        \/\/ Inject AdSense ads after specific questions\n        if (currentQuestion === 2) {\n          \/\/ After question 3, inject mid content 1 ad\n          const adDiv = document.createElement('div');\n          adDiv.innerHTML = wpAdsenseAds.midContent1;\n          optionsContainer.parentNode.insertBefore(adDiv, optionsContainer.nextSibling);\n        } else if (currentQuestion === 5) {\n          \/\/ After question 6, inject mid content 2 ad\n          const adDiv = document.createElement('div');\n          adDiv.innerHTML = wpAdsenseAds.midContent2;\n          optionsContainer.parentNode.insertBefore(adDiv, optionsContainer.nextSibling);\n        }\n\n        \/\/ Reset buttons and feedback\n        document.getElementById('wp-submitBtn').style.display = 'block';\n        document.getElementById('wp-submitBtn').disabled = true;\n        document.getElementById('wp-nextBtn').style.display = 'none';\n        document.getElementById('wp-feedback').classList.remove('wp-show', 'wp-correct', 'wp-incorrect');\n      }\n\n      function selectOption(index) {\n        if (answered) return;\n\n        selectedAnswer = index;\n\n        \/\/ Remove selected class from all options\n        document.querySelectorAll('.wp-option').forEach(opt => {\n          opt.classList.remove('wp-selected');\n        });\n\n        \/\/ Add selected class to chosen option\n        document.querySelectorAll('.wp-option')[index].classList.add('wp-selected');\n\n        \/\/ Enable submit button\n        document.getElementById('wp-submitBtn').disabled = false;\n      }\n\n      function checkAnswer() {\n        if (selectedAnswer === null || answered) return;\n\n        answered = true;\n        const question = questions[currentQuestion];\n        const feedback = document.getElementById('wp-feedback');\n        const options = document.querySelectorAll('.wp-option');\n\n        \/\/ Mark correct and incorrect answers\n        options[question.correct].classList.add('wp-correct');\n\n        if (selectedAnswer === question.correct) {\n          score++;\n          feedback.className = 'wp-feedback wp-show wp-correct';\n          feedback.innerHTML = `<strong>Correct!<\/strong> ${question.explanation}`;\n        } else {\n          options[selectedAnswer].classList.add('wp-incorrect');\n          feedback.className = 'wp-feedback wp-show wp-incorrect';\n          feedback.innerHTML = `<strong>Not quite!<\/strong> The correct answer is: ${question.options[question.correct]}. ${question.explanation}`;\n        }\n\n        \/\/ Show next button, hide submit button\n        document.getElementById('wp-submitBtn').style.display = 'none';\n        document.getElementById('wp-nextBtn').style.display = 'block';\n      }\n\n      function nextQuestion() {\n        currentQuestion++;\n\n        if (currentQuestion < questions.length) {\n          loadQuestion();\n        } else {\n          showResults();\n        }\n      }\n\n      function showResults() {\n        document.getElementById('wp-quizScreen').style.display = 'none';\n        document.getElementById('wp-resultsScreen').style.display = 'block';\n\n        const percentage = Math.round((score \/ questions.length) * 100);\n        const correctCount = score;\n        const incorrectCount = questions.length - score;\n\n        \/\/ Display score\n        const scoreDisplay = document.getElementById('wp-scoreDisplay');\n        scoreDisplay.textContent = `${score} \/ ${questions.length}`;\n\n        \/\/ Set score color\n        if (percentage >= 80) {\n          scoreDisplay.className = 'wp-score-display wp-score-excellent';\n          document.getElementById('wp-resultsEmoji').textContent = '\ud83c\udf1f\ud83c\udf89\ud83c\udfc6';\n          document.getElementById('wp-scoreMessage').textContent = 'Amazing! You really know your water cycle!';\n          document.getElementById('wp-encouragementMessage').textContent = 'You\\'re a water cycle expert! You understood how water moves around our Earth. Fantastic job!';\n        } else if (percentage >= 60) {\n          scoreDisplay.className = 'wp-score-display wp-score-good';\n          document.getElementById('wp-resultsEmoji').textContent = '\ud83d\ude0a\ud83d\udc4d\ud83d\udca7';\n          document.getElementById('wp-scoreMessage').textContent = 'Great job! You know a lot about the water cycle!';\n          document.getElementById('wp-encouragementMessage').textContent = 'You did really well! You understand the main ideas of the water cycle. Keep learning and you\\'ll be an expert soon!';\n        } else {\n          scoreDisplay.className = 'wp-score-display wp-score-okay';\n          document.getElementById('wp-resultsEmoji').textContent = '\ud83c\udf31\ud83d\udcda\ud83d\udcaa';\n          document.getElementById('wp-scoreMessage').textContent = 'Good effort! Keep practicing!';\n          document.getElementById('wp-encouragementMessage').textContent = 'Great try! Learning takes practice. Go back to the study notes, try the flashcards, and take the quiz again. You\\'ll do even better next time!';\n        }\n\n        \/\/ Display breakdown\n        document.getElementById('wp-correctCount').textContent = `${correctCount} correct`;\n        document.getElementById('wp-incorrectCount').textContent = `${incorrectCount} incorrect`;\n        document.getElementById('wp-percentage').textContent = `${percentage}%`;\n      }\n\n      function restartQuiz() {\n        document.getElementById('wp-resultsScreen').style.display = 'none';\n        document.getElementById('wp-startScreen').style.display = 'block';\n        currentQuestion = 0;\n        score = 0;\n      }\n\n      \/\/ Event listeners\n      document.getElementById('wp-startBtn').addEventListener('click', startQuiz);\n      document.getElementById('wp-submitBtn').addEventListener('click', checkAnswer);\n      document.getElementById('wp-nextBtn').addEventListener('click', nextQuestion);\n      document.getElementById('wp-restartBtn').addEventListener('click', restartQuiz);\n    });\n  })();\n  <\/script>\n<\/div>\n\n<!--\nUSAGE INSTRUCTIONS:\n1. Copy this entire block (from first line to last line)\n2. In WordPress, add a \"Custom HTML\" block\n3. Paste the content into the block\n4. Preview and publish!\n\nFEATURES:\n\u2713 Fully self-contained (no external dependencies)\n\u2713 No theme conflicts (all styles scoped with .wp-study-content)\n\u2713 AdSense ads pre-configured at 4 strategic positions\n\u2713 Mobile responsive design\n\u2713 Interactive quiz with instant feedback\n\u2713 Progress tracking with visual progress bar\n\u2713 Dynamic ad injection during quiz flow\n\nAD POSITIONS:\n- Top: After header, before start screen (high visibility)\n- Mid 1: Dynamically injected after question 3 (engaged users)\n- Mid 2: Dynamically injected after question 6 (continued engagement)\n- Bottom: In results screen, before restart button (completion engagement)\n\nTESTED WITH:\n\u2713 WordPress 5.0+\n\u2713 Gutenberg editor\n\u2713 Classic editor (Text mode)\n\u2713 Common page builders (Elementor, Divi)\n\u2713 All modern browsers\n-->\n\n","protected":false},"excerpt":{"rendered":"<p>Water Cycle Quiz Test Your Knowledge! \ud83d\udca7\ud83c\udf0d\u2601\ufe0f Ready to Test Your Water Cycle Knowledge? Quiz Information: 10 fun questions about the water cycle Multiple choice format &#8211; pick the best answer! Get instant feedback on each question See your final score at the end You can retake the quiz as many times as you want! [&hellip;]<\/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":[312,313,315,311,310,305,307,306,302,303,304,314,308,309],"class_list":["post-6855","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-evaporation-condensation-precipitation-quiz","tag-grade-3-science-quiz","tag-science-quiz-for-kids","tag-water-cycle-assessment","tag-water-cycle-elementary-quiz","tag-water-cycle-mcqs","tag-water-cycle-practice","tag-water-cycle-questions","tag-water-cycle-quiz","tag-water-cycle-quiz-for-kids","tag-water-cycle-quiz-grade-3","tag-water-cycle-revision","tag-water-cycle-test","tag-water-cycle-worksheet","entry"],"_links":{"self":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/posts\/6855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/comments?post=6855"}],"version-history":[{"count":2,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/posts\/6855\/revisions"}],"predecessor-version":[{"id":6857,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/posts\/6855\/revisions\/6857"}],"wp:attachment":[{"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/media?parent=6855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/categories?post=6855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/obsidiansofteducation.com\/index.php\/wp-json\/wp\/v2\/tags?post=6855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}