Junior Science Quiz – Planet Earth<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;600;700&family=Outfit:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n heading: ['Fredoka', 'sans-serif'],\n body: ['Outfit', 'sans-serif'],\n },\n colors: {\n earth: {\n dark: '#081c15',\n card: '#1b4332',\n teal: '#2d6a4f',\n emerald: '#52b788',\n light: '#74c69d',\n accent: '#d8f3dc',\n yellow: '#ffb703',\n pink: '#ffb703'\n }\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Outfit', sans-serif;\n background: linear-gradient(135deg, #081c15 0%, #1b4332 50%, #0d2818 100%);\n min-height: 100vh;\n }\n\n \/* Earth particle background pattern *\/\n .earth-bg {\n background-image: \n radial-gradient(2px 2px at 30px 40px, rgba(116, 198, 157, 0.4), rgba(0,0,0,0)),\n radial-gradient(2px 2px at 80px 120px, rgba(216, 243, 220, 0.5), rgba(0,0,0,0)),\n radial-gradient(1.5px 1.5px at 150px 60px, rgba(82, 183, 136, 0.4), rgba(0,0,0,0)),\n radial-gradient(2px 2px at 220px 180px, rgba(255, 183, 3, 0.3), rgba(0,0,0,0));\n background-repeat: repeat;\n background-size: 250px 250px;\n }\n\n .bounce-gentle {\n animation: floatEarth 3s ease-in-out infinite;\n }\n\n @keyframes floatEarth {\n 0%, 100% { transform: translateY(-3%) rotate(0deg); }\n 50% { transform: translateY(3%) rotate(4deg); }\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #081c15;\n }\n ::-webkit-scrollbar-thumb {\n background: #2d6a4f;\n border-radius: 4px;\n }\n <\/style>\n<\/head>\n<body class=\"earth-bg text-white flex items-center justify-center p-2 sm:p-4 md:p-6\">\n\n \n <div class=\"w-full max-w-3xl bg-earth-card\/90 backdrop-blur-md rounded-3xl border border-emerald-500\/30 p-4 sm:p-6 md:p-8 shadow-2xl relative overflow-hidden my-auto\">\n \n \n <header class=\"text-center mb-6 relative z-10\">\n <div class=\"inline-flex items-center gap-2 bg-emerald-950\/70 border border-emerald-400\/40 rounded-full px-4 py-1.5 text-earth-light text-xs sm:text-sm font-semibold mb-2\">\n <i class=\"fa-solid fa-earth-americas animate-spin\" style=\"animation-duration: 12s;\"><\/i> Junior Science Explorer\n <\/div>\n <h1 class=\"font-heading text-2xl sm:text-4xl font-bold tracking-wide text-transparent bg-clip-text bg-gradient-to-r from-earth-accent via-emerald-300 to-earth-yellow\">\n Planet Earth Quiz \ud83c\udf0d\n <\/h1>\n <\/header>\n\n \n <div id=\"start-screen\" class=\"text-center py-6 space-y-6\">\n <div class=\"text-6xl sm:text-8xl bounce-gentle my-4\">\ud83c\udf0d<\/div>\n <p class=\"text-gray-200 text-base sm:text-lg max-w-lg mx-auto\">\n Explore our amazing home planet across <strong>25 fun questions<\/strong>! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems.\n <\/p>\n \n <div class=\"bg-earth-dark\/60 p-4 rounded-2xl border border-emerald-700\/50 max-w-md mx-auto text-left text-sm text-emerald-100 space-y-2\">\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-seedling text-earth-yellow\"><\/i> 25 Questions with kid-friendly explanations\n <\/div>\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-award text-earth-yellow\"><\/i> Earn rank badges (Planet Explorer to Earth Master)\n <\/div>\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-stopwatch text-earth-yellow\"><\/i> Live timer & accuracy score tracking\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-xs mx-auto pt-2\">\n <button id=\"start-btn\" onclick=\"startQuiz()\" class=\"w-full py-4 bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-teal-600 hover:to-emerald-600 text-white font-heading font-bold text-xl rounded-xl shadow-lg transition transform active:scale-95 flex items-center justify-center gap-2 border border-emerald-300\/40\">\n <i class=\"fa-solid fa-compass animate-bounce\"><\/i> Start Earth Mission!\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"hidden space-y-5\">\n \n \n <div class=\"bg-earth-dark\/80 rounded-2xl p-3 border border-emerald-900 flex flex-col gap-2\">\n <div class=\"flex justify-between items-center text-xs sm:text-sm font-semibold\">\n <span id=\"question-count-text\" class=\"text-emerald-300\">Question 1 of 25<\/span>\n <div class=\"flex items-center gap-3\">\n <span id=\"live-timer\" class=\"text-earth-yellow\"><i class=\"fa-regular fa-clock mr-1\"><\/i>00:00<\/span>\n <span id=\"live-score\" class=\"text-earth-accent\">Score: 0 | Accuracy: 100%<\/span>\n <\/div>\n <\/div>\n \n <div class=\"w-full bg-emerald-950 rounded-full h-3 overflow-hidden p-0.5 border border-emerald-800\/50\">\n <div id=\"progress-bar\" class=\"bg-gradient-to-r from-emerald-500 via-teal-400 to-earth-yellow h-full rounded-full transition-all duration-300 w-0\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-emerald-950\/40 rounded-2xl p-4 sm:p-6 border border-emerald-800\/50 shadow-inner\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span id=\"category-tag\" class=\"text-xs font-bold uppercase tracking-wider px-2.5 py-1 rounded-md bg-emerald-900\/80 text-earth-yellow\">\n Earth Science\n <\/span>\n <\/div>\n <h2 id=\"question-text\" class=\"font-heading text-lg sm:text-xl font-bold text-white mb-4 leading-relaxed\">\n Loading question…\n <\/h2>\n\n \n <div id=\"options-container\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"feedback-card\" class=\"hidden p-4 rounded-2xl border transition-all duration-300\">\n <div class=\"flex items-start gap-3\">\n <div id=\"feedback-icon\" class=\"text-2xl mt-0.5\"><\/div>\n <div class=\"space-y-1\">\n <h4 id=\"feedback-title\" class=\"font-heading font-bold text-base sm:text-lg\"><\/h4>\n <p id=\"explanation-text\" class=\"text-xs sm:text-sm text-gray-200 leading-relaxed\"><\/p>\n <\/div>\n <\/div>\n <div class=\"mt-3 text-right\">\n <button id=\"next-btn\" onclick=\"nextQuestion()\" class=\"px-5 py-2 bg-earth-yellow text-earth-dark hover:bg-white font-heading font-bold rounded-xl text-sm transition transform active:scale-95 shadow-md\">\n Next Question <i class=\"fa-solid fa-arrow-right ml-1\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"result-screen\" class=\"hidden space-y-6 text-center py-4\">\n <div class=\"space-y-2\">\n <div id=\"badge-icon\" class=\"text-6xl sm:text-7xl\">\ud83c\udf0d<\/div>\n <h2 id=\"result-title\" class=\"font-heading text-2xl sm:text-3xl font-bold text-earth-accent\">Mission Completed!<\/h2>\n <p id=\"badge-name\" class=\"text-lg font-bold text-earth-yellow\">Rank: Nature Observer<\/p>\n <p id=\"badge-desc\" class=\"text-xs sm:text-sm text-gray-200 max-w-md mx-auto\"><\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-3 max-w-lg mx-auto\">\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Total Score<\/span>\n <span id=\"final-score\" class=\"font-heading text-xl sm:text-2xl text-earth-accent font-bold\">0<\/span>\n <\/div>\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Correct<\/span>\n <span id=\"final-correct\" class=\"font-heading text-xl sm:text-2xl text-emerald-400 font-bold\">0\/25<\/span>\n <\/div>\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Accuracy<\/span>\n <span id=\"final-accuracy\" class=\"font-heading text-xl sm:text-2xl text-earth-yellow font-bold\">0%<\/span>\n <\/div>\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Time Taken<\/span>\n <span id=\"final-time\" class=\"font-heading text-xl sm:text-2xl text-teal-300 font-bold\">00:00<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"text-left space-y-3 max-w-2xl mx-auto\">\n <h3 class=\"font-heading text-lg font-bold text-white flex items-center gap-2 border-b border-emerald-800\/60 pb-2\">\n <i class=\"fa-solid fa-list-check text-earth-yellow\"><\/i> Question & Answer Review\n <\/h3>\n <div id=\"review-list\" class=\"max-h-64 overflow-y-auto space-y-2 pr-1\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"flex justify-center pt-2\">\n <button onclick=\"restartQuiz()\" class=\"px-8 py-3 bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-teal-600 hover:to-emerald-600 text-white font-heading font-bold rounded-xl text-base transition transform active:scale-95 shadow-md flex items-center gap-2 border border-emerald-300\/40\">\n <i class=\"fa-solid fa-rotate-right\"><\/i> Restart Quiz \/ Try Again\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <script>\n \/\/ 25 Junior Science Earth Questions\n const questionsData = [\n {\n category: \"Earth's Layers\",\n question: \"What is the outermost layer of Earth that we walk on called?\",\n options: [\"Crust\", \"Mantle\", \"Outer Core\", \"Inner Core\"],\n answer: 0,\n explanation: \"The Crust is Earth's thin, rocky outer layer\u2014just like the skin on an apple!\"\n },\n {\n category: \"Water Cycle\",\n question: \"What process turns liquid water into invisible water vapor when heated by the Sun?\",\n options: [\"Condensation\", \"Evaporation\", \"Precipitation\", \"Freezing\"],\n answer: 1,\n explanation: \"Evaporation occurs when heat from the Sun warms water from oceans and lakes, turning it into water vapor that rises into the air.\"\n },\n {\n category: \"Atmosphere\",\n question: \"Which gas makes up the largest part of Earth's atmosphere?\",\n options: [\"Oxygen\", \"Carbon Dioxide\", \"Nitrogen\", \"Hydrogen\"],\n answer: 2,\n explanation: \"Nitrogen makes up about 78% of Earth's atmosphere, while Oxygen makes up about 21%!\"\n },\n {\n category: \"Continents & Oceans\",\n question: \"How many large continents are there on Earth?\",\n options: [\"5\", \"6\", \"7\", \"8\"],\n answer: 2,\n explanation: \"There are 7 continents: Asia, Africa, North America, South America, Antarctica, Europe, and Australia.\"\n },\n {\n category: \"Oceans\",\n question: \"Which is the largest and deepest ocean on Earth?\",\n options: [\"Atlantic Ocean\", \"Indian Ocean\", \"Pacific Ocean\", \"Arctic Ocean\"],\n answer: 2,\n explanation: \"The Pacific Ocean is the largest ocean and covers more area than all of Earth's land masses combined!\"\n },\n {\n category: \"Earth's Layers\",\n question: \"Which layer of Earth is located at the very center and is extremely hot and solid?\",\n options: [\"Mantle\", \"Inner Core\", \"Outer Core\", \"Crust\"],\n answer: 1,\n explanation: \"The Inner Core is a solid ball of iron and nickel at Earth's center, burning as hot as the surface of the Sun!\"\n },\n {\n category: \"Gravity & Motion\",\n question: \"What force pulls everything down toward the center of Earth so we don't float away?\",\n options: [\"Magnetism\", \"Gravity\", \"Friction\", \"Air Pressure\"],\n answer: 1,\n explanation: \"Gravity is the invisible force that pulls objects toward Earth's center and keeps our feet on the ground.\"\n },\n {\n category: \"Earth's Motion\",\n question: \"Earth spins around on an imaginary line called its axis. What is this spinning movement called?\",\n options: [\"Revolution\", \"Rotation\", \"Orbit\", \"Eclipse\"],\n answer: 1,\n explanation: \"Earth's spinning movement on its axis is called Rotation. One full rotation takes 24 hours and causes day and night!\"\n },\n {\n category: \"Seasons\",\n question: \"What causes Earth to have four distinct seasons (Spring, Summer, Autumn, Winter)?\",\n options: [\"The distance from the Moon\", \"Earth's tilted axis as it orbits the Sun\", \"Volcanoes heating up\", \"Clouds blocking sunlight\"],\n answer: 1,\n explanation: \"Earth's 23.5-degree tilt causes different parts of Earth to receive direct sunlight as it revolves around the Sun during the year.\"\n },\n {\n category: \"Rocks & Minerals\",\n question: \"Which type of rock forms when hot liquid lava cools and hardens?\",\n options: [\"Igneous Rock\", \"Sedimentary Rock\", \"Metamorphic Rock\", \"Fossil Rock\"],\n answer: 0,\n explanation: \"Igneous rocks (like basalt and granite) form directly when molten rock (magma or lava) cools and solidifies.\"\n },\n {\n category: \"Water Cycle\",\n question: \"Rain, snow, sleet, and hail falling from clouds down to Earth are all forms of what?\",\n options: [\"Evaporation\", \"Condensation\", \"Precipitation\", \"Transpiration\"],\n answer: 2,\n explanation: \"Precipitation is any water that falls from clouds back to the surface of Earth.\"\n },\n {\n category: \"Natural Phenomena\",\n question: \"What causes an earthquake to happen?\",\n options: [\"Heavy thunderstorm rain\", \"Sudden movement of tectonic plates underground\", \"Strong sea waves\", \"High atmospheric pressure\"],\n answer: 1,\n explanation: \"Earthquakes occur when giant puzzle pieces of Earth's crust (tectonic plates) grind against each other and suddenly slip!\"\n },\n {\n category: \"Atmosphere\",\n question: \"Which layer of the atmosphere protects Earth from harmful ultraviolet (UV) rays from the Sun?\",\n options: [\"Troposphere\", \"Ozone Layer\", \"Exosphere\", \"Thermosphere\"],\n answer: 1,\n explanation: \"The Ozone Layer acts like Earth's natural sunglasses, absorbing most of the Sun's harmful ultraviolet radiation.\"\n },\n {\n category: \"Soil & Land\",\n question: \"Dark, nutrient-rich soil made of decayed plants and leaves is called what?\",\n options: [\"Sand\", \"Clay\", \"Humus\", \"Gravel\"],\n answer: 2,\n explanation: \"Humus is rich organic matter in soil that gives plants essential nutrients to grow healthy and strong.\"\n },\n {\n category: \"Ecosystems\",\n question: \"What do we call a large natural area characterized by its climate, plants, and animals (like deserts, rainforests, or tundras)?\",\n options: [\"Biome\", \"Continent\", \"Plateau\", \"Atmosphere\"],\n answer: 0,\n explanation: \"A Biome is a major ecological community region such as a tropical rainforest, desert, or arctic tundra.\"\n },\n {\n category: \"Natural Phenomena\",\n question: \"An opening in Earth's crust that allows hot magma, ash, and gases to escape to the surface is a:\",\n options: [\"Canyon\", \"Glacier\", \"Volcano\", \"Sinkhole\"],\n answer: 2,\n explanation: \"A Volcano is a vent in Earth's crust through which molten rock (magma) erupts as lava!\"\n },\n {\n category: \"Water Features\",\n question: \"What percentage of Earth's surface is covered by water?\",\n options: [\"About 25%\", \"About 50%\", \"About 71%\", \"About 95%\"],\n answer: 2,\n explanation: \"About 71% of Earth's surface is covered by water, which is why Earth looks like a 'Blue Marble' from space!\"\n },\n {\n category: \"Water Resources\",\n question: \"Most of Earth's fresh water is locked up in what form?\",\n options: [\"Underground rivers\", \"Ice caps and glaciers\", \"Lakes and ponds\", \"Rain clouds\"],\n answer: 1,\n explanation: \"Over 68% of Earth's fresh water is frozen in giant ice sheets, glaciers, and ice caps near the poles!\"\n },\n {\n category: \"Atmosphere\",\n question: \"In which layer of Earth's atmosphere does almost all weather (clouds, rain, storms) take place?\",\n options: [\"Troposphere\", \"Stratosphere\", \"Mesosphere\", \"Exosphere\"],\n answer: 0,\n explanation: \"The Troposphere is the lowest layer of the atmosphere where we live, breathe, and experience weather.\"\n },\n {\n category: \"Earth's History\",\n question: \"Traces or remains of ancient plants and animals preserved in rock are called:\",\n options: [\"Crystals\", \"Fossils\", \"Minerals\", \"Meteorites\"],\n answer: 1,\n explanation: \"Fossils are ancient remains (like dinosaur bones or leaf imprints) preserved in sedimentary rock layers.\"\n },\n {\n category: \"Weather & Climate\",\n question: \"What instrument do scientists use to measure air pressure?\",\n options: [\"Thermometer\", \"Barometer\", \"Anemometer\", \"Hygrometer\"],\n answer: 1,\n explanation: \"A Barometer measures atmospheric pressure, helping meteorologists predict changes in weather!\"\n },\n {\n category: \"Natural Features\",\n question: \"A huge, slow-moving river of solid ice on land is called a:\",\n options: [\"Iceberg\", \"Glacier\", \"Avalanche\", \"Fjord\"],\n answer: 1,\n explanation: \"Glaciers are massive bodies of dense ice that slowly move downhill under their own immense weight.\"\n },\n {\n category: \"Ecology\",\n question: \"Plants produce oxygen and food using sunlight, water, and carbon dioxide through which process?\",\n options: [\"Photosynthesis\", \"Respiration\", \"Erosion\", \"Decomposition\"],\n answer: 0,\n explanation: \"Photosynthesis is how green plants turn sunlight, water, and carbon dioxide into oxygen and plant food!\"\n },\n {\n category: \"Erosion & Landforms\",\n question: \"The slow breaking down and wearing away of rocks by wind, water, and ice is called:\",\n options: [\"Eruption\", \"Weathering and Erosion\", \"Condensation\", \"Magnetism\"],\n answer: 1,\n explanation: \"Weathering breaks down rocks into smaller pieces, and Erosion moves those rock particles to new locations.\"\n },\n {\n category: \"Earth Safety & Environment\",\n question: \"Why is Earth's magnetic field important for life on Earth?\",\n options: [\"It keeps oceans salty\", \"It shields Earth from harmful solar radiation\", \"It creates wind\", \"It makes plants green\"],\n answer: 1,\n explanation: \"Earth's magnetic field forms a protective bubble around our planet, deflecting dangerous solar winds and cosmic particles!\"\n }\n ];\n\n \/\/ Quiz State Variables\n let currentQuestionIndex = 0;\n let score = 0;\n let userAnswers = [];\n let timerInterval = null;\n let secondsElapsed = 0;\n\n \/\/ DOM Element References\n const startScreen = document.getElementById('start-screen');\n const quizScreen = document.getElementById('quiz-screen');\n const resultScreen = document.getElementById('result-screen');\n\n const questionCountText = document.getElementById('question-count-text');\n const liveScoreText = document.getElementById('live-score');\n const liveTimerText = document.getElementById('live-timer');\n const progressBar = document.getElementById('progress-bar');\n const categoryTag = document.getElementById('category-tag');\n const questionText = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n\n const feedbackCard = document.getElementById('feedback-card');\n const feedbackIcon = document.getElementById('feedback-icon');\n const feedbackTitle = document.getElementById('feedback-title');\n const explanationText = document.getElementById('explanation-text');\n\n \/\/ Start Quiz Function\n function startQuiz() {\n currentQuestionIndex = 0;\n score = 0;\n userAnswers = [];\n secondsElapsed = 0;\n\n startScreen.classList.add('hidden');\n resultScreen.classList.add('hidden');\n quizScreen.classList.remove('hidden');\n\n startTimer();\n loadQuestion();\n }\n\n \/\/ Timer Logic\n function startTimer() {\n clearInterval(timerInterval);\n liveTimerText.innerHTML = `<i class=\"fa-regular fa-clock mr-1\"><\/i>00:00`;\n timerInterval = setInterval(() => {\n secondsElapsed++;\n liveTimerText.innerHTML = `<i class=\"fa-regular fa-clock mr-1\"><\/i>${formatTime(secondsElapsed)}`;\n }, 1000);\n }\n\n function stopTimer() {\n clearInterval(timerInterval);\n }\n\n function formatTime(totalSeconds) {\n const mins = Math.floor(totalSeconds \/ 60);\n const secs = totalSeconds % 60;\n return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n }\n\n \/\/ Load Question details\n function loadQuestion() {\n const currentQ = questionsData[currentQuestionIndex];\n\n feedbackCard.classList.add('hidden');\n feedbackCard.className = \"hidden p-4 rounded-2xl border transition-all duration-300\";\n\n questionCountText.innerText = `Question ${currentQuestionIndex + 1} of ${questionsData.length}`;\n categoryTag.innerText = currentQ.category;\n questionText.innerText = currentQ.question;\n\n const progressPercent = ((currentQuestionIndex) \/ questionsData.length) * 100;\n progressBar.style.width = `${progressPercent}%`;\n\n updateLiveScore();\n\n optionsContainer.innerHTML = '';\n currentQ.options.forEach((optionText, idx) => {\n const btn = document.createElement('button');\n btn.className = \"w-full p-3.5 bg-earth-dark\/90 hover:bg-emerald-900\/80 border-2 border-emerald-700\/50 hover:border-earth-accent rounded-xl text-left text-sm sm:text-base font-semibold transition flex items-center justify-between text-white active:scale-98 shadow-sm\";\n btn.innerHTML = `\n <span>${optionText}<\/span>\n <span class=\"w-6 h-6 rounded-full bg-emerald-950\/80 border border-emerald-500\/50 flex items-center justify-center text-xs text-emerald-300 font-bold\">${String.fromCharCode(65 + idx)}<\/span>\n `;\n btn.onclick = () => selectOption(idx);\n optionsContainer.appendChild(btn);\n });\n }\n\n \/\/ Update Live Score UI\n function updateLiveScore() {\n const accuracy = currentQuestionIndex === 0 ? 100 : Math.round((score \/ (currentQuestionIndex)) * 100);\n liveScoreText.innerText = `Score: ${score * 10} | Accuracy: ${accuracy}%`;\n }\n\n \/\/ Option Selection Handler\n function selectOption(selectedIndex) {\n const currentQ = questionsData[currentQuestionIndex];\n const isCorrect = selectedIndex === currentQ.answer;\n\n const buttons = optionsContainer.querySelectorAll('button');\n buttons.forEach((btn, idx) => {\n btn.disabled = true;\n btn.classList.remove('hover:border-earth-accent', 'hover:bg-emerald-900\/80');\n\n if (idx === currentQ.answer) {\n btn.classList.add('bg-green-950\/80', 'border-green-400', 'text-green-200');\n btn.innerHTML += `<i class=\"fa-solid fa-circle-check text-green-400 text-lg\"><\/i>`;\n } else if (idx === selectedIndex && !isCorrect) {\n btn.classList.add('bg-red-950\/80', 'border-red-500', 'text-red-200');\n btn.innerHTML += `<i class=\"fa-solid fa-circle-xmark text-red-400 text-lg\"><\/i>`;\n } else {\n btn.classList.add('opacity-50');\n }\n });\n\n if (isCorrect) {\n score++;\n }\n\n userAnswers.push({\n question: currentQ.question,\n selected: currentQ.options[selectedIndex],\n correct: currentQ.options[currentQ.answer],\n isCorrect: isCorrect,\n explanation: currentQ.explanation\n });\n\n feedbackCard.classList.remove('hidden');\n if (isCorrect) {\n feedbackCard.classList.add('bg-green-950\/70', 'border-green-500\/50', 'text-green-100');\n feedbackIcon.innerHTML = `<i class=\"fa-solid fa-circle-check text-green-400\"><\/i>`;\n feedbackTitle.innerText = \"Correct Explorer!\";\n feedbackTitle.className = \"font-heading font-bold text-base sm:text-lg text-green-400\";\n } else {\n feedbackCard.classList.add('bg-red-950\/70', 'border-red-500\/50', 'text-red-100');\n feedbackIcon.innerHTML = `<i class=\"fa-solid fa-seedling text-earth-yellow\"><\/i>`;\n feedbackTitle.innerText = \"Nice try!\";\n feedbackTitle.className = \"font-heading font-bold text-base sm:text-lg text-earth-yellow\";\n }\n\n explanationText.innerText = currentQ.explanation;\n\n const accuracy = Math.round((score \/ (currentQuestionIndex + 1)) * 100);\n liveScoreText.innerText = `Score: ${score * 10} | Accuracy: ${accuracy}%`;\n }\n\n \/\/ Next Question\n function nextQuestion() {\n currentQuestionIndex++;\n if (currentQuestionIndex < questionsData.length) {\n loadQuestion();\n } else {\n finishQuiz();\n }\n }\n\n \/\/ Finish Quiz & Show Results\n function finishQuiz() {\n stopTimer();\n quizScreen.classList.add('hidden');\n resultScreen.classList.remove('hidden');\n\n const totalQ = questionsData.length;\n const accuracy = Math.round((score \/ totalQ) * 100);\n const finalPoints = score * 10;\n\n document.getElementById('final-score').innerText = finalPoints;\n document.getElementById('final-correct').innerText = `${score}\/${totalQ}`;\n document.getElementById('final-accuracy').innerText = `${accuracy}%`;\n document.getElementById('final-time').innerText = formatTime(secondsElapsed);\n\n \/\/ Assign Badge\/Rank\n let badgeIcon = \"\ud83c\udf0d\";\n let rankName = \"Planet Explorer\";\n let rankDesc = \"Great job! You've taken your first big step into exploring planet Earth!\";\n\n if (accuracy >= 90) {\n badgeIcon = \"\ud83d\udc51\";\n rankName = \"Earth Master\";\n rankDesc = \"Incredible! You have expert knowledge on Earth's atmosphere, landforms, oceans, and life systems!\";\n } else if (accuracy >= 75) {\n badgeIcon = \"\ud83d\udee1\ufe0f\";\n rankName = \"Eco Ranger\";\n rankDesc = \"Fantastic work! You know planet Earth inside out! Keep protecting our planet!\";\n } else if (accuracy >= 50) {\n badgeIcon = \"\ud83c\udf31\";\n rankName = \"Nature Observer\";\n rankDesc = \"Good effort! You know a lot about nature and Earth, but there's still more to discover!\";\n }\n\n document.getElementById('badge-icon').innerText = badgeIcon;\n document.getElementById('badge-name').innerText = `Rank: ${rankName}`;\n document.getElementById('badge-desc').innerText = rankDesc;\n\n renderReviewList();\n }\n\n \/\/ Render Answer Review List\n function renderReviewList() {\n const reviewList = document.getElementById('review-list');\n reviewList.innerHTML = '';\n\n userAnswers.forEach((item, idx) => {\n const div = document.createElement('div');\n div.className = `p-3 rounded-xl border ${item.isCorrect ? 'bg-green-950\/30 border-green-800\/40' : 'bg-red-950\/30 border-red-800\/40'}`;\n \n div.innerHTML = `\n <div class=\"flex items-start justify-between gap-2\">\n <span class=\"font-bold text-white text-xs sm:text-sm\">Q${idx + 1}: ${item.question}<\/span>\n <span class=\"${item.isCorrect ? 'text-green-400' : 'text-red-400'} font-bold text-xs sm:text-sm\">\n ${item.isCorrect ? '<i class=\"fa-solid fa-check\"><\/i> Correct' : '<i class=\"fa-solid fa-xmark\"><\/i> Incorrect'}\n <\/span>\n <\/div>\n <p class=\"text-xs text-gray-300 mt-1\">Your answer: <span class=\"${item.isCorrect ? 'text-green-300' : 'text-red-300'} font-semibold\">${item.selected}<\/span><\/p>\n ${!item.isCorrect ? `<p class=\"text-xs text-green-400\">Correct answer: <span class=\"font-semibold\">${item.correct}<\/span><\/p>` : ''}\n <p class=\"text-xs text-emerald-200\/80 italic mt-1\">${item.explanation}<\/p>\n `;\n reviewList.appendChild(div);\n });\n }\n\n \/\/ Restart Quiz\n function restartQuiz() {\n resultScreen.classList.add('hidden');\n startScreen.classList.remove('hidden');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Junior Science Quiz – Planet Earth Junior Science Explorer Planet Earth Quiz \ud83c\udf0d \ud83c\udf0d Explore our amazing home planet across 25 fun questions! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems. 25 Questions with kid-friendly explanations Earn rank badges (Planet Explorer to Earth Master) Live timer & accuracy score tracking […]<\/p>\n","protected":false},"author":1,"featured_media":18297,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-18296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-amateur-radio-ham-radio"],"yoast_head":"\n<title>Junior Science Quiz \u2013 Earth - Johnson's Techworld<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Junior Science Quiz \u2013 Earth - Johnson's Techworld\" \/>\n<meta property=\"og:description\" content=\"Junior Science Quiz – Planet Earth Junior Science Explorer Planet Earth Quiz \ud83c\udf0d \ud83c\udf0d Explore our amazing home planet across 25 fun questions! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems. 25 Questions with kid-friendly explanations Earn rank badges (Planet Explorer to Earth Master) Live timer & accuracy score tracking […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/\" \/>\n<meta property=\"og:site_name\" content=\"Johnson's Techworld\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-22T14:36:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T14:36:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1236\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Johnson Francis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Johnson Francis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\"},\"author\":{\"name\":\"Johnson Francis\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\"},\"headline\":\"Junior Science Quiz \u2013 Earth\",\"datePublished\":\"2026-10-22T14:36:38+00:00\",\"dateModified\":\"2026-10-22T14:36:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\"},\"wordCount\":86,\"publisher\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\"},\"image\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"articleSection\":[\"Amateur Radio (Ham Radio)\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\",\"name\":\"Junior Science Quiz \u2013 Earth - Johnson's Techworld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"datePublished\":\"2026-10-22T14:36:38+00:00\",\"dateModified\":\"2026-10-22T14:36:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"contentUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"width\":1236,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Junior Science Quiz \u2013 Earth\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#website\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/\",\"name\":\"Johnson's Techworld\",\"description\":\"Johnson's Techworld\",\"publisher\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\",\"name\":\"Johnson Francis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\",\"contentUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\",\"width\":600,\"height\":600,\"caption\":\"Johnson Francis\"},\"logo\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\"},\"description\":\"Amateur Radio Operator VU2JO. Originally licensed as VU2JFP with Grade 1 license in 1985. Upgraded to Advanced Grade in 1988 and was allotted new callsign to VU2JO\",\"sameAs\":[\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\",\"https:\\\/\\\/www.youtube.com\\\/@johnsonstechworld\\\/\"],\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/author\\\/jf\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Junior Science Quiz \u2013 Earth - Johnson's Techworld","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","og_locale":"en_US","og_type":"article","og_title":"Junior Science Quiz \u2013 Earth - Johnson's Techworld","og_description":"Junior Science Quiz – Planet Earth Junior Science Explorer Planet Earth Quiz \ud83c\udf0d \ud83c\udf0d Explore our amazing home planet across 25 fun questions! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems. 25 Questions with kid-friendly explanations Earn rank badges (Planet Explorer to Earth Master) Live timer & accuracy score tracking […]","og_url":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","og_site_name":"Johnson's Techworld","article_published_time":"2026-10-22T14:36:38+00:00","article_modified_time":"2026-10-22T14:36:44+00:00","og_image":[{"width":1236,"height":675,"url":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","type":"image\/jpeg"}],"author":"Johnson Francis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Johnson Francis","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#article","isPartOf":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/"},"author":{"name":"Johnson Francis","@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027"},"headline":"Junior Science Quiz \u2013 Earth","datePublished":"2026-10-22T14:36:38+00:00","dateModified":"2026-10-22T14:36:44+00:00","mainEntityOfPage":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/"},"wordCount":86,"publisher":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027"},"image":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage"},"thumbnailUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","articleSection":["Amateur Radio (Ham Radio)"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","url":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","name":"Junior Science Quiz \u2013 Earth - Johnson's Techworld","isPartOf":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/#website"},"primaryImageOfPage":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage"},"image":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage"},"thumbnailUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","datePublished":"2026-10-22T14:36:38+00:00","dateModified":"2026-10-22T14:36:44+00:00","breadcrumb":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage","url":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","contentUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","width":1236,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/johnsonfrancis.org\/techworld\/"},{"@type":"ListItem","position":2,"name":"Junior Science Quiz \u2013 Earth"}]},{"@type":"WebSite","@id":"https:\/\/johnsonfrancis.org\/techworld\/#website","url":"https:\/\/johnsonfrancis.org\/techworld\/","name":"Johnson's Techworld","description":"Johnson's Techworld","publisher":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/johnsonfrancis.org\/techworld\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027","name":"Johnson Francis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg","url":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg","contentUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg","width":600,"height":600,"caption":"Johnson Francis"},"logo":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg"},"description":"Amateur Radio Operator VU2JO. Originally licensed as VU2JFP with Grade 1 license in 1985. Upgraded to Advanced Grade in 1988 and was allotted new callsign to VU2JO","sameAs":["https:\/\/johnsonfrancis.org\/techworld","https:\/\/www.youtube.com\/@johnsonstechworld\/"],"url":"https:\/\/johnsonfrancis.org\/techworld\/author\/jf\/"}]}},"_links":{"self":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts\/18296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/comments?post=18296"}],"version-history":[{"count":1,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts\/18296\/revisions"}],"predecessor-version":[{"id":18298,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts\/18296\/revisions\/18298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/media\/18297"}],"wp:attachment":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/media?parent=18296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/categories?post=18296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/tags?post=18296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":18296,"date":"2026-10-22T20:06:38","date_gmt":"2026-10-22T14:36:38","guid":{"rendered":"https:\/\/johnsonfrancis.org\/techworld\/?p=18296"},"modified":"2026-10-22T20:06:44","modified_gmt":"2026-10-22T14:36:44","slug":"junior-science-quiz-earth","status":"publish","type":"post","link":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","title":{"rendered":"Junior Science Quiz \u2013 Earth"},"content":{"rendered":"\n\n\n\n \n \n Junior Science Quiz – Planet Earth<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@400;600;700&family=Outfit:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n heading: ['Fredoka', 'sans-serif'],\n body: ['Outfit', 'sans-serif'],\n },\n colors: {\n earth: {\n dark: '#081c15',\n card: '#1b4332',\n teal: '#2d6a4f',\n emerald: '#52b788',\n light: '#74c69d',\n accent: '#d8f3dc',\n yellow: '#ffb703',\n pink: '#ffb703'\n }\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Outfit', sans-serif;\n background: linear-gradient(135deg, #081c15 0%, #1b4332 50%, #0d2818 100%);\n min-height: 100vh;\n }\n\n \/* Earth particle background pattern *\/\n .earth-bg {\n background-image: \n radial-gradient(2px 2px at 30px 40px, rgba(116, 198, 157, 0.4), rgba(0,0,0,0)),\n radial-gradient(2px 2px at 80px 120px, rgba(216, 243, 220, 0.5), rgba(0,0,0,0)),\n radial-gradient(1.5px 1.5px at 150px 60px, rgba(82, 183, 136, 0.4), rgba(0,0,0,0)),\n radial-gradient(2px 2px at 220px 180px, rgba(255, 183, 3, 0.3), rgba(0,0,0,0));\n background-repeat: repeat;\n background-size: 250px 250px;\n }\n\n .bounce-gentle {\n animation: floatEarth 3s ease-in-out infinite;\n }\n\n @keyframes floatEarth {\n 0%, 100% { transform: translateY(-3%) rotate(0deg); }\n 50% { transform: translateY(3%) rotate(4deg); }\n }\n\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #081c15;\n }\n ::-webkit-scrollbar-thumb {\n background: #2d6a4f;\n border-radius: 4px;\n }\n <\/style>\n<\/head>\n<body class=\"earth-bg text-white flex items-center justify-center p-2 sm:p-4 md:p-6\">\n\n \n <div class=\"w-full max-w-3xl bg-earth-card\/90 backdrop-blur-md rounded-3xl border border-emerald-500\/30 p-4 sm:p-6 md:p-8 shadow-2xl relative overflow-hidden my-auto\">\n \n \n <header class=\"text-center mb-6 relative z-10\">\n <div class=\"inline-flex items-center gap-2 bg-emerald-950\/70 border border-emerald-400\/40 rounded-full px-4 py-1.5 text-earth-light text-xs sm:text-sm font-semibold mb-2\">\n <i class=\"fa-solid fa-earth-americas animate-spin\" style=\"animation-duration: 12s;\"><\/i> Junior Science Explorer\n <\/div>\n <h1 class=\"font-heading text-2xl sm:text-4xl font-bold tracking-wide text-transparent bg-clip-text bg-gradient-to-r from-earth-accent via-emerald-300 to-earth-yellow\">\n Planet Earth Quiz \ud83c\udf0d\n <\/h1>\n <\/header>\n\n \n <div id=\"start-screen\" class=\"text-center py-6 space-y-6\">\n <div class=\"text-6xl sm:text-8xl bounce-gentle my-4\">\ud83c\udf0d<\/div>\n <p class=\"text-gray-200 text-base sm:text-lg max-w-lg mx-auto\">\n Explore our amazing home planet across <strong>25 fun questions<\/strong>! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems.\n <\/p>\n \n <div class=\"bg-earth-dark\/60 p-4 rounded-2xl border border-emerald-700\/50 max-w-md mx-auto text-left text-sm text-emerald-100 space-y-2\">\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-seedling text-earth-yellow\"><\/i> 25 Questions with kid-friendly explanations\n <\/div>\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-award text-earth-yellow\"><\/i> Earn rank badges (Planet Explorer to Earth Master)\n <\/div>\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-stopwatch text-earth-yellow\"><\/i> Live timer & accuracy score tracking\n <\/div>\n <\/div>\n\n \n <div class=\"max-w-xs mx-auto pt-2\">\n <button id=\"start-btn\" onclick=\"startQuiz()\" class=\"w-full py-4 bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-teal-600 hover:to-emerald-600 text-white font-heading font-bold text-xl rounded-xl shadow-lg transition transform active:scale-95 flex items-center justify-center gap-2 border border-emerald-300\/40\">\n <i class=\"fa-solid fa-compass animate-bounce\"><\/i> Start Earth Mission!\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"quiz-screen\" class=\"hidden space-y-5\">\n \n \n <div class=\"bg-earth-dark\/80 rounded-2xl p-3 border border-emerald-900 flex flex-col gap-2\">\n <div class=\"flex justify-between items-center text-xs sm:text-sm font-semibold\">\n <span id=\"question-count-text\" class=\"text-emerald-300\">Question 1 of 25<\/span>\n <div class=\"flex items-center gap-3\">\n <span id=\"live-timer\" class=\"text-earth-yellow\"><i class=\"fa-regular fa-clock mr-1\"><\/i>00:00<\/span>\n <span id=\"live-score\" class=\"text-earth-accent\">Score: 0 | Accuracy: 100%<\/span>\n <\/div>\n <\/div>\n \n <div class=\"w-full bg-emerald-950 rounded-full h-3 overflow-hidden p-0.5 border border-emerald-800\/50\">\n <div id=\"progress-bar\" class=\"bg-gradient-to-r from-emerald-500 via-teal-400 to-earth-yellow h-full rounded-full transition-all duration-300 w-0\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-emerald-950\/40 rounded-2xl p-4 sm:p-6 border border-emerald-800\/50 shadow-inner\">\n <div class=\"flex items-center gap-2 mb-2\">\n <span id=\"category-tag\" class=\"text-xs font-bold uppercase tracking-wider px-2.5 py-1 rounded-md bg-emerald-900\/80 text-earth-yellow\">\n Earth Science\n <\/span>\n <\/div>\n <h2 id=\"question-text\" class=\"font-heading text-lg sm:text-xl font-bold text-white mb-4 leading-relaxed\">\n Loading question…\n <\/h2>\n\n \n <div id=\"options-container\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"feedback-card\" class=\"hidden p-4 rounded-2xl border transition-all duration-300\">\n <div class=\"flex items-start gap-3\">\n <div id=\"feedback-icon\" class=\"text-2xl mt-0.5\"><\/div>\n <div class=\"space-y-1\">\n <h4 id=\"feedback-title\" class=\"font-heading font-bold text-base sm:text-lg\"><\/h4>\n <p id=\"explanation-text\" class=\"text-xs sm:text-sm text-gray-200 leading-relaxed\"><\/p>\n <\/div>\n <\/div>\n <div class=\"mt-3 text-right\">\n <button id=\"next-btn\" onclick=\"nextQuestion()\" class=\"px-5 py-2 bg-earth-yellow text-earth-dark hover:bg-white font-heading font-bold rounded-xl text-sm transition transform active:scale-95 shadow-md\">\n Next Question <i class=\"fa-solid fa-arrow-right ml-1\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"result-screen\" class=\"hidden space-y-6 text-center py-4\">\n <div class=\"space-y-2\">\n <div id=\"badge-icon\" class=\"text-6xl sm:text-7xl\">\ud83c\udf0d<\/div>\n <h2 id=\"result-title\" class=\"font-heading text-2xl sm:text-3xl font-bold text-earth-accent\">Mission Completed!<\/h2>\n <p id=\"badge-name\" class=\"text-lg font-bold text-earth-yellow\">Rank: Nature Observer<\/p>\n <p id=\"badge-desc\" class=\"text-xs sm:text-sm text-gray-200 max-w-md mx-auto\"><\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-3 max-w-lg mx-auto\">\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Total Score<\/span>\n <span id=\"final-score\" class=\"font-heading text-xl sm:text-2xl text-earth-accent font-bold\">0<\/span>\n <\/div>\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Correct<\/span>\n <span id=\"final-correct\" class=\"font-heading text-xl sm:text-2xl text-emerald-400 font-bold\">0\/25<\/span>\n <\/div>\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Accuracy<\/span>\n <span id=\"final-accuracy\" class=\"font-heading text-xl sm:text-2xl text-earth-yellow font-bold\">0%<\/span>\n <\/div>\n <div class=\"bg-earth-dark\/80 p-3 rounded-2xl border border-emerald-900\">\n <span class=\"block text-xs text-emerald-300\">Time Taken<\/span>\n <span id=\"final-time\" class=\"font-heading text-xl sm:text-2xl text-teal-300 font-bold\">00:00<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"text-left space-y-3 max-w-2xl mx-auto\">\n <h3 class=\"font-heading text-lg font-bold text-white flex items-center gap-2 border-b border-emerald-800\/60 pb-2\">\n <i class=\"fa-solid fa-list-check text-earth-yellow\"><\/i> Question & Answer Review\n <\/h3>\n <div id=\"review-list\" class=\"max-h-64 overflow-y-auto space-y-2 pr-1\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"flex justify-center pt-2\">\n <button onclick=\"restartQuiz()\" class=\"px-8 py-3 bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-teal-600 hover:to-emerald-600 text-white font-heading font-bold rounded-xl text-base transition transform active:scale-95 shadow-md flex items-center gap-2 border border-emerald-300\/40\">\n <i class=\"fa-solid fa-rotate-right\"><\/i> Restart Quiz \/ Try Again\n <\/button>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <script>\n \/\/ 25 Junior Science Earth Questions\n const questionsData = [\n {\n category: \"Earth's Layers\",\n question: \"What is the outermost layer of Earth that we walk on called?\",\n options: [\"Crust\", \"Mantle\", \"Outer Core\", \"Inner Core\"],\n answer: 0,\n explanation: \"The Crust is Earth's thin, rocky outer layer\u2014just like the skin on an apple!\"\n },\n {\n category: \"Water Cycle\",\n question: \"What process turns liquid water into invisible water vapor when heated by the Sun?\",\n options: [\"Condensation\", \"Evaporation\", \"Precipitation\", \"Freezing\"],\n answer: 1,\n explanation: \"Evaporation occurs when heat from the Sun warms water from oceans and lakes, turning it into water vapor that rises into the air.\"\n },\n {\n category: \"Atmosphere\",\n question: \"Which gas makes up the largest part of Earth's atmosphere?\",\n options: [\"Oxygen\", \"Carbon Dioxide\", \"Nitrogen\", \"Hydrogen\"],\n answer: 2,\n explanation: \"Nitrogen makes up about 78% of Earth's atmosphere, while Oxygen makes up about 21%!\"\n },\n {\n category: \"Continents & Oceans\",\n question: \"How many large continents are there on Earth?\",\n options: [\"5\", \"6\", \"7\", \"8\"],\n answer: 2,\n explanation: \"There are 7 continents: Asia, Africa, North America, South America, Antarctica, Europe, and Australia.\"\n },\n {\n category: \"Oceans\",\n question: \"Which is the largest and deepest ocean on Earth?\",\n options: [\"Atlantic Ocean\", \"Indian Ocean\", \"Pacific Ocean\", \"Arctic Ocean\"],\n answer: 2,\n explanation: \"The Pacific Ocean is the largest ocean and covers more area than all of Earth's land masses combined!\"\n },\n {\n category: \"Earth's Layers\",\n question: \"Which layer of Earth is located at the very center and is extremely hot and solid?\",\n options: [\"Mantle\", \"Inner Core\", \"Outer Core\", \"Crust\"],\n answer: 1,\n explanation: \"The Inner Core is a solid ball of iron and nickel at Earth's center, burning as hot as the surface of the Sun!\"\n },\n {\n category: \"Gravity & Motion\",\n question: \"What force pulls everything down toward the center of Earth so we don't float away?\",\n options: [\"Magnetism\", \"Gravity\", \"Friction\", \"Air Pressure\"],\n answer: 1,\n explanation: \"Gravity is the invisible force that pulls objects toward Earth's center and keeps our feet on the ground.\"\n },\n {\n category: \"Earth's Motion\",\n question: \"Earth spins around on an imaginary line called its axis. What is this spinning movement called?\",\n options: [\"Revolution\", \"Rotation\", \"Orbit\", \"Eclipse\"],\n answer: 1,\n explanation: \"Earth's spinning movement on its axis is called Rotation. One full rotation takes 24 hours and causes day and night!\"\n },\n {\n category: \"Seasons\",\n question: \"What causes Earth to have four distinct seasons (Spring, Summer, Autumn, Winter)?\",\n options: [\"The distance from the Moon\", \"Earth's tilted axis as it orbits the Sun\", \"Volcanoes heating up\", \"Clouds blocking sunlight\"],\n answer: 1,\n explanation: \"Earth's 23.5-degree tilt causes different parts of Earth to receive direct sunlight as it revolves around the Sun during the year.\"\n },\n {\n category: \"Rocks & Minerals\",\n question: \"Which type of rock forms when hot liquid lava cools and hardens?\",\n options: [\"Igneous Rock\", \"Sedimentary Rock\", \"Metamorphic Rock\", \"Fossil Rock\"],\n answer: 0,\n explanation: \"Igneous rocks (like basalt and granite) form directly when molten rock (magma or lava) cools and solidifies.\"\n },\n {\n category: \"Water Cycle\",\n question: \"Rain, snow, sleet, and hail falling from clouds down to Earth are all forms of what?\",\n options: [\"Evaporation\", \"Condensation\", \"Precipitation\", \"Transpiration\"],\n answer: 2,\n explanation: \"Precipitation is any water that falls from clouds back to the surface of Earth.\"\n },\n {\n category: \"Natural Phenomena\",\n question: \"What causes an earthquake to happen?\",\n options: [\"Heavy thunderstorm rain\", \"Sudden movement of tectonic plates underground\", \"Strong sea waves\", \"High atmospheric pressure\"],\n answer: 1,\n explanation: \"Earthquakes occur when giant puzzle pieces of Earth's crust (tectonic plates) grind against each other and suddenly slip!\"\n },\n {\n category: \"Atmosphere\",\n question: \"Which layer of the atmosphere protects Earth from harmful ultraviolet (UV) rays from the Sun?\",\n options: [\"Troposphere\", \"Ozone Layer\", \"Exosphere\", \"Thermosphere\"],\n answer: 1,\n explanation: \"The Ozone Layer acts like Earth's natural sunglasses, absorbing most of the Sun's harmful ultraviolet radiation.\"\n },\n {\n category: \"Soil & Land\",\n question: \"Dark, nutrient-rich soil made of decayed plants and leaves is called what?\",\n options: [\"Sand\", \"Clay\", \"Humus\", \"Gravel\"],\n answer: 2,\n explanation: \"Humus is rich organic matter in soil that gives plants essential nutrients to grow healthy and strong.\"\n },\n {\n category: \"Ecosystems\",\n question: \"What do we call a large natural area characterized by its climate, plants, and animals (like deserts, rainforests, or tundras)?\",\n options: [\"Biome\", \"Continent\", \"Plateau\", \"Atmosphere\"],\n answer: 0,\n explanation: \"A Biome is a major ecological community region such as a tropical rainforest, desert, or arctic tundra.\"\n },\n {\n category: \"Natural Phenomena\",\n question: \"An opening in Earth's crust that allows hot magma, ash, and gases to escape to the surface is a:\",\n options: [\"Canyon\", \"Glacier\", \"Volcano\", \"Sinkhole\"],\n answer: 2,\n explanation: \"A Volcano is a vent in Earth's crust through which molten rock (magma) erupts as lava!\"\n },\n {\n category: \"Water Features\",\n question: \"What percentage of Earth's surface is covered by water?\",\n options: [\"About 25%\", \"About 50%\", \"About 71%\", \"About 95%\"],\n answer: 2,\n explanation: \"About 71% of Earth's surface is covered by water, which is why Earth looks like a 'Blue Marble' from space!\"\n },\n {\n category: \"Water Resources\",\n question: \"Most of Earth's fresh water is locked up in what form?\",\n options: [\"Underground rivers\", \"Ice caps and glaciers\", \"Lakes and ponds\", \"Rain clouds\"],\n answer: 1,\n explanation: \"Over 68% of Earth's fresh water is frozen in giant ice sheets, glaciers, and ice caps near the poles!\"\n },\n {\n category: \"Atmosphere\",\n question: \"In which layer of Earth's atmosphere does almost all weather (clouds, rain, storms) take place?\",\n options: [\"Troposphere\", \"Stratosphere\", \"Mesosphere\", \"Exosphere\"],\n answer: 0,\n explanation: \"The Troposphere is the lowest layer of the atmosphere where we live, breathe, and experience weather.\"\n },\n {\n category: \"Earth's History\",\n question: \"Traces or remains of ancient plants and animals preserved in rock are called:\",\n options: [\"Crystals\", \"Fossils\", \"Minerals\", \"Meteorites\"],\n answer: 1,\n explanation: \"Fossils are ancient remains (like dinosaur bones or leaf imprints) preserved in sedimentary rock layers.\"\n },\n {\n category: \"Weather & Climate\",\n question: \"What instrument do scientists use to measure air pressure?\",\n options: [\"Thermometer\", \"Barometer\", \"Anemometer\", \"Hygrometer\"],\n answer: 1,\n explanation: \"A Barometer measures atmospheric pressure, helping meteorologists predict changes in weather!\"\n },\n {\n category: \"Natural Features\",\n question: \"A huge, slow-moving river of solid ice on land is called a:\",\n options: [\"Iceberg\", \"Glacier\", \"Avalanche\", \"Fjord\"],\n answer: 1,\n explanation: \"Glaciers are massive bodies of dense ice that slowly move downhill under their own immense weight.\"\n },\n {\n category: \"Ecology\",\n question: \"Plants produce oxygen and food using sunlight, water, and carbon dioxide through which process?\",\n options: [\"Photosynthesis\", \"Respiration\", \"Erosion\", \"Decomposition\"],\n answer: 0,\n explanation: \"Photosynthesis is how green plants turn sunlight, water, and carbon dioxide into oxygen and plant food!\"\n },\n {\n category: \"Erosion & Landforms\",\n question: \"The slow breaking down and wearing away of rocks by wind, water, and ice is called:\",\n options: [\"Eruption\", \"Weathering and Erosion\", \"Condensation\", \"Magnetism\"],\n answer: 1,\n explanation: \"Weathering breaks down rocks into smaller pieces, and Erosion moves those rock particles to new locations.\"\n },\n {\n category: \"Earth Safety & Environment\",\n question: \"Why is Earth's magnetic field important for life on Earth?\",\n options: [\"It keeps oceans salty\", \"It shields Earth from harmful solar radiation\", \"It creates wind\", \"It makes plants green\"],\n answer: 1,\n explanation: \"Earth's magnetic field forms a protective bubble around our planet, deflecting dangerous solar winds and cosmic particles!\"\n }\n ];\n\n \/\/ Quiz State Variables\n let currentQuestionIndex = 0;\n let score = 0;\n let userAnswers = [];\n let timerInterval = null;\n let secondsElapsed = 0;\n\n \/\/ DOM Element References\n const startScreen = document.getElementById('start-screen');\n const quizScreen = document.getElementById('quiz-screen');\n const resultScreen = document.getElementById('result-screen');\n\n const questionCountText = document.getElementById('question-count-text');\n const liveScoreText = document.getElementById('live-score');\n const liveTimerText = document.getElementById('live-timer');\n const progressBar = document.getElementById('progress-bar');\n const categoryTag = document.getElementById('category-tag');\n const questionText = document.getElementById('question-text');\n const optionsContainer = document.getElementById('options-container');\n\n const feedbackCard = document.getElementById('feedback-card');\n const feedbackIcon = document.getElementById('feedback-icon');\n const feedbackTitle = document.getElementById('feedback-title');\n const explanationText = document.getElementById('explanation-text');\n\n \/\/ Start Quiz Function\n function startQuiz() {\n currentQuestionIndex = 0;\n score = 0;\n userAnswers = [];\n secondsElapsed = 0;\n\n startScreen.classList.add('hidden');\n resultScreen.classList.add('hidden');\n quizScreen.classList.remove('hidden');\n\n startTimer();\n loadQuestion();\n }\n\n \/\/ Timer Logic\n function startTimer() {\n clearInterval(timerInterval);\n liveTimerText.innerHTML = `<i class=\"fa-regular fa-clock mr-1\"><\/i>00:00`;\n timerInterval = setInterval(() => {\n secondsElapsed++;\n liveTimerText.innerHTML = `<i class=\"fa-regular fa-clock mr-1\"><\/i>${formatTime(secondsElapsed)}`;\n }, 1000);\n }\n\n function stopTimer() {\n clearInterval(timerInterval);\n }\n\n function formatTime(totalSeconds) {\n const mins = Math.floor(totalSeconds \/ 60);\n const secs = totalSeconds % 60;\n return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n }\n\n \/\/ Load Question details\n function loadQuestion() {\n const currentQ = questionsData[currentQuestionIndex];\n\n feedbackCard.classList.add('hidden');\n feedbackCard.className = \"hidden p-4 rounded-2xl border transition-all duration-300\";\n\n questionCountText.innerText = `Question ${currentQuestionIndex + 1} of ${questionsData.length}`;\n categoryTag.innerText = currentQ.category;\n questionText.innerText = currentQ.question;\n\n const progressPercent = ((currentQuestionIndex) \/ questionsData.length) * 100;\n progressBar.style.width = `${progressPercent}%`;\n\n updateLiveScore();\n\n optionsContainer.innerHTML = '';\n currentQ.options.forEach((optionText, idx) => {\n const btn = document.createElement('button');\n btn.className = \"w-full p-3.5 bg-earth-dark\/90 hover:bg-emerald-900\/80 border-2 border-emerald-700\/50 hover:border-earth-accent rounded-xl text-left text-sm sm:text-base font-semibold transition flex items-center justify-between text-white active:scale-98 shadow-sm\";\n btn.innerHTML = `\n <span>${optionText}<\/span>\n <span class=\"w-6 h-6 rounded-full bg-emerald-950\/80 border border-emerald-500\/50 flex items-center justify-center text-xs text-emerald-300 font-bold\">${String.fromCharCode(65 + idx)}<\/span>\n `;\n btn.onclick = () => selectOption(idx);\n optionsContainer.appendChild(btn);\n });\n }\n\n \/\/ Update Live Score UI\n function updateLiveScore() {\n const accuracy = currentQuestionIndex === 0 ? 100 : Math.round((score \/ (currentQuestionIndex)) * 100);\n liveScoreText.innerText = `Score: ${score * 10} | Accuracy: ${accuracy}%`;\n }\n\n \/\/ Option Selection Handler\n function selectOption(selectedIndex) {\n const currentQ = questionsData[currentQuestionIndex];\n const isCorrect = selectedIndex === currentQ.answer;\n\n const buttons = optionsContainer.querySelectorAll('button');\n buttons.forEach((btn, idx) => {\n btn.disabled = true;\n btn.classList.remove('hover:border-earth-accent', 'hover:bg-emerald-900\/80');\n\n if (idx === currentQ.answer) {\n btn.classList.add('bg-green-950\/80', 'border-green-400', 'text-green-200');\n btn.innerHTML += `<i class=\"fa-solid fa-circle-check text-green-400 text-lg\"><\/i>`;\n } else if (idx === selectedIndex && !isCorrect) {\n btn.classList.add('bg-red-950\/80', 'border-red-500', 'text-red-200');\n btn.innerHTML += `<i class=\"fa-solid fa-circle-xmark text-red-400 text-lg\"><\/i>`;\n } else {\n btn.classList.add('opacity-50');\n }\n });\n\n if (isCorrect) {\n score++;\n }\n\n userAnswers.push({\n question: currentQ.question,\n selected: currentQ.options[selectedIndex],\n correct: currentQ.options[currentQ.answer],\n isCorrect: isCorrect,\n explanation: currentQ.explanation\n });\n\n feedbackCard.classList.remove('hidden');\n if (isCorrect) {\n feedbackCard.classList.add('bg-green-950\/70', 'border-green-500\/50', 'text-green-100');\n feedbackIcon.innerHTML = `<i class=\"fa-solid fa-circle-check text-green-400\"><\/i>`;\n feedbackTitle.innerText = \"Correct Explorer!\";\n feedbackTitle.className = \"font-heading font-bold text-base sm:text-lg text-green-400\";\n } else {\n feedbackCard.classList.add('bg-red-950\/70', 'border-red-500\/50', 'text-red-100');\n feedbackIcon.innerHTML = `<i class=\"fa-solid fa-seedling text-earth-yellow\"><\/i>`;\n feedbackTitle.innerText = \"Nice try!\";\n feedbackTitle.className = \"font-heading font-bold text-base sm:text-lg text-earth-yellow\";\n }\n\n explanationText.innerText = currentQ.explanation;\n\n const accuracy = Math.round((score \/ (currentQuestionIndex + 1)) * 100);\n liveScoreText.innerText = `Score: ${score * 10} | Accuracy: ${accuracy}%`;\n }\n\n \/\/ Next Question\n function nextQuestion() {\n currentQuestionIndex++;\n if (currentQuestionIndex < questionsData.length) {\n loadQuestion();\n } else {\n finishQuiz();\n }\n }\n\n \/\/ Finish Quiz & Show Results\n function finishQuiz() {\n stopTimer();\n quizScreen.classList.add('hidden');\n resultScreen.classList.remove('hidden');\n\n const totalQ = questionsData.length;\n const accuracy = Math.round((score \/ totalQ) * 100);\n const finalPoints = score * 10;\n\n document.getElementById('final-score').innerText = finalPoints;\n document.getElementById('final-correct').innerText = `${score}\/${totalQ}`;\n document.getElementById('final-accuracy').innerText = `${accuracy}%`;\n document.getElementById('final-time').innerText = formatTime(secondsElapsed);\n\n \/\/ Assign Badge\/Rank\n let badgeIcon = \"\ud83c\udf0d\";\n let rankName = \"Planet Explorer\";\n let rankDesc = \"Great job! You've taken your first big step into exploring planet Earth!\";\n\n if (accuracy >= 90) {\n badgeIcon = \"\ud83d\udc51\";\n rankName = \"Earth Master\";\n rankDesc = \"Incredible! You have expert knowledge on Earth's atmosphere, landforms, oceans, and life systems!\";\n } else if (accuracy >= 75) {\n badgeIcon = \"\ud83d\udee1\ufe0f\";\n rankName = \"Eco Ranger\";\n rankDesc = \"Fantastic work! You know planet Earth inside out! Keep protecting our planet!\";\n } else if (accuracy >= 50) {\n badgeIcon = \"\ud83c\udf31\";\n rankName = \"Nature Observer\";\n rankDesc = \"Good effort! You know a lot about nature and Earth, but there's still more to discover!\";\n }\n\n document.getElementById('badge-icon').innerText = badgeIcon;\n document.getElementById('badge-name').innerText = `Rank: ${rankName}`;\n document.getElementById('badge-desc').innerText = rankDesc;\n\n renderReviewList();\n }\n\n \/\/ Render Answer Review List\n function renderReviewList() {\n const reviewList = document.getElementById('review-list');\n reviewList.innerHTML = '';\n\n userAnswers.forEach((item, idx) => {\n const div = document.createElement('div');\n div.className = `p-3 rounded-xl border ${item.isCorrect ? 'bg-green-950\/30 border-green-800\/40' : 'bg-red-950\/30 border-red-800\/40'}`;\n \n div.innerHTML = `\n <div class=\"flex items-start justify-between gap-2\">\n <span class=\"font-bold text-white text-xs sm:text-sm\">Q${idx + 1}: ${item.question}<\/span>\n <span class=\"${item.isCorrect ? 'text-green-400' : 'text-red-400'} font-bold text-xs sm:text-sm\">\n ${item.isCorrect ? '<i class=\"fa-solid fa-check\"><\/i> Correct' : '<i class=\"fa-solid fa-xmark\"><\/i> Incorrect'}\n <\/span>\n <\/div>\n <p class=\"text-xs text-gray-300 mt-1\">Your answer: <span class=\"${item.isCorrect ? 'text-green-300' : 'text-red-300'} font-semibold\">${item.selected}<\/span><\/p>\n ${!item.isCorrect ? `<p class=\"text-xs text-green-400\">Correct answer: <span class=\"font-semibold\">${item.correct}<\/span><\/p>` : ''}\n <p class=\"text-xs text-emerald-200\/80 italic mt-1\">${item.explanation}<\/p>\n `;\n reviewList.appendChild(div);\n });\n }\n\n \/\/ Restart Quiz\n function restartQuiz() {\n resultScreen.classList.add('hidden');\n startScreen.classList.remove('hidden');\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Junior Science Quiz – Planet Earth Junior Science Explorer Planet Earth Quiz \ud83c\udf0d \ud83c\udf0d Explore our amazing home planet across 25 fun questions! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems. 25 Questions with kid-friendly explanations Earn rank badges (Planet Explorer to Earth Master) Live timer & accuracy score tracking […]<\/p>\n","protected":false},"author":1,"featured_media":18297,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-18296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-amateur-radio-ham-radio"],"yoast_head":"\n<title>Junior Science Quiz \u2013 Earth - Johnson's Techworld<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Junior Science Quiz \u2013 Earth - Johnson's Techworld\" \/>\n<meta property=\"og:description\" content=\"Junior Science Quiz – Planet Earth Junior Science Explorer Planet Earth Quiz \ud83c\udf0d \ud83c\udf0d Explore our amazing home planet across 25 fun questions! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems. 25 Questions with kid-friendly explanations Earn rank badges (Planet Explorer to Earth Master) Live timer & accuracy score tracking […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/\" \/>\n<meta property=\"og:site_name\" content=\"Johnson's Techworld\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-22T14:36:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T14:36:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1236\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Johnson Francis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Johnson Francis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\"},\"author\":{\"name\":\"Johnson Francis\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\"},\"headline\":\"Junior Science Quiz \u2013 Earth\",\"datePublished\":\"2026-10-22T14:36:38+00:00\",\"dateModified\":\"2026-10-22T14:36:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\"},\"wordCount\":86,\"publisher\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\"},\"image\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"articleSection\":[\"Amateur Radio (Ham Radio)\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\",\"name\":\"Junior Science Quiz \u2013 Earth - Johnson's Techworld\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"datePublished\":\"2026-10-22T14:36:38+00:00\",\"dateModified\":\"2026-10-22T14:36:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#primaryimage\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"contentUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Junior-Science-Quiz-Solar-System-1.jpg\",\"width\":1236,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/junior-science-quiz-earth\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Junior Science Quiz \u2013 Earth\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#website\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/\",\"name\":\"Johnson's Techworld\",\"description\":\"Johnson's Techworld\",\"publisher\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/#\\\/schema\\\/person\\\/6201c843e80ccd3578e6196b1d007027\",\"name\":\"Johnson Francis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\",\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\",\"contentUrl\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\",\"width\":600,\"height\":600,\"caption\":\"Johnson Francis\"},\"logo\":{\"@id\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/channels4_profile.jpg\"},\"description\":\"Amateur Radio Operator VU2JO. Originally licensed as VU2JFP with Grade 1 license in 1985. Upgraded to Advanced Grade in 1988 and was allotted new callsign to VU2JO\",\"sameAs\":[\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\",\"https:\\\/\\\/www.youtube.com\\\/@johnsonstechworld\\\/\"],\"url\":\"https:\\\/\\\/johnsonfrancis.org\\\/techworld\\\/author\\\/jf\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Junior Science Quiz \u2013 Earth - Johnson's Techworld","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","og_locale":"en_US","og_type":"article","og_title":"Junior Science Quiz \u2013 Earth - Johnson's Techworld","og_description":"Junior Science Quiz – Planet Earth Junior Science Explorer Planet Earth Quiz \ud83c\udf0d \ud83c\udf0d Explore our amazing home planet across 25 fun questions! Test your knowledge on Earth’s atmosphere, layers, water cycle, seasons, oceans, and ecosystems. 25 Questions with kid-friendly explanations Earn rank badges (Planet Explorer to Earth Master) Live timer & accuracy score tracking […]","og_url":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","og_site_name":"Johnson's Techworld","article_published_time":"2026-10-22T14:36:38+00:00","article_modified_time":"2026-10-22T14:36:44+00:00","og_image":[{"width":1236,"height":675,"url":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","type":"image\/jpeg"}],"author":"Johnson Francis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Johnson Francis","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#article","isPartOf":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/"},"author":{"name":"Johnson Francis","@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027"},"headline":"Junior Science Quiz \u2013 Earth","datePublished":"2026-10-22T14:36:38+00:00","dateModified":"2026-10-22T14:36:44+00:00","mainEntityOfPage":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/"},"wordCount":86,"publisher":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027"},"image":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage"},"thumbnailUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","articleSection":["Amateur Radio (Ham Radio)"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","url":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/","name":"Junior Science Quiz \u2013 Earth - Johnson's Techworld","isPartOf":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/#website"},"primaryImageOfPage":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage"},"image":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage"},"thumbnailUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","datePublished":"2026-10-22T14:36:38+00:00","dateModified":"2026-10-22T14:36:44+00:00","breadcrumb":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#primaryimage","url":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","contentUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2026\/10\/Junior-Science-Quiz-Solar-System-1.jpg","width":1236,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/johnsonfrancis.org\/techworld\/junior-science-quiz-earth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/johnsonfrancis.org\/techworld\/"},{"@type":"ListItem","position":2,"name":"Junior Science Quiz \u2013 Earth"}]},{"@type":"WebSite","@id":"https:\/\/johnsonfrancis.org\/techworld\/#website","url":"https:\/\/johnsonfrancis.org\/techworld\/","name":"Johnson's Techworld","description":"Johnson's Techworld","publisher":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/johnsonfrancis.org\/techworld\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/johnsonfrancis.org\/techworld\/#\/schema\/person\/6201c843e80ccd3578e6196b1d007027","name":"Johnson Francis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg","url":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg","contentUrl":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg","width":600,"height":600,"caption":"Johnson Francis"},"logo":{"@id":"https:\/\/johnsonfrancis.org\/techworld\/wp-content\/uploads\/2025\/01\/channels4_profile.jpg"},"description":"Amateur Radio Operator VU2JO. Originally licensed as VU2JFP with Grade 1 license in 1985. Upgraded to Advanced Grade in 1988 and was allotted new callsign to VU2JO","sameAs":["https:\/\/johnsonfrancis.org\/techworld","https:\/\/www.youtube.com\/@johnsonstechworld\/"],"url":"https:\/\/johnsonfrancis.org\/techworld\/author\/jf\/"}]}},"_links":{"self":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts\/18296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/comments?post=18296"}],"version-history":[{"count":1,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts\/18296\/revisions"}],"predecessor-version":[{"id":18298,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/posts\/18296\/revisions\/18298"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/media\/18297"}],"wp:attachment":[{"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/media?parent=18296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/categories?post=18296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnsonfrancis.org\/techworld\/wp-json\/wp\/v2\/tags?post=18296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}