{"id":1070,"date":"2026-05-18T01:05:21","date_gmt":"2026-05-18T01:05:21","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1070"},"modified":"2026-05-18T01:07:50","modified_gmt":"2026-05-18T01:07:50","slug":"museum-test-prep-app-elijah","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/museum-test-prep-app-elijah\/","title":{"rendered":"Museum Test Prep App &#8211; Elijah"},"content":{"rendered":"\nHere is the complete HTML\/CSS\/JavaScript code for the **Elijah \u2013 Museum Test Prep App**, following the exact structure and style of your previous test prep examples. It includes SAT, PSAT, and ACT modes with 6 questions each, covering his role as a prophet in the northern kingdom of Israel during the 9th century BC, his confrontation with King Ahab and Queen Jezebel, the challenge on Mount Carmel against the prophets of Baal, his flight into the wilderness, and his enduring legacy in Jewish, Christian, and Islamic traditions.\n\nSimply copy and paste this code into your Elijah exhibit page.\n&#8220;`html\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>Museum Test Prep App | Elijah \u2022 SAT \u2022 PSAT \u2022 ACT<\/title>\n    <!-- Font Awesome for icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #2a2a2a;\n            font-family: 'Georgia', 'Times New Roman', Times, serif;\n            color: #2c2b28;\n            line-height: 1.5;\n            padding: 20px;\n        }\n\n        .museum-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            background: #fef8ea;\n            border-radius: 28px;\n            box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #b89870 inset;\n            overflow: hidden;\n        }\n\n        .hero {\n            background: linear-gradient(135deg, #5a4a2a 0%, #3a2e1a 100%);\n            padding: 1.8rem 2.5rem;\n            border-bottom: 6px solid #e0b87a;\n            color: #f5e7cf;\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n        .hero-text {\n            flex: 2;\n        }\n        .hero h1 {\n            font-size: 2rem;\n            letter-spacing: 1px;\n            font-weight: 600;\n        }\n        .hero h1 i {\n            color: #e0b87a;\n            margin-right: 10px;\n        }\n        .hero h1 .app-badge {\n            font-size: 0.8rem;\n            background: #e0b87a33;\n            padding: 0.2rem 0.8rem;\n            border-radius: 40px;\n            margin-left: 12px;\n            vertical-align: middle;\n        }\n        .hero p {\n            font-size: 1rem;\n            font-style: italic;\n            margin-top: 0.5rem;\n            opacity: 0.85;\n        }\n        .hero-portrait {\n            flex: 0 0 100px;\n            text-align: center;\n            background: #e0b87a30;\n            padding: 8px;\n            border-radius: 50%;\n            border: 2px solid #e0b87a;\n        }\n        .hero-portrait i {\n            font-size: 3.5rem;\n            color: #ecd9b4;\n        }\n        .hero-portrait p {\n            font-size: 0.65rem;\n            margin-top: 5px;\n        }\n\n        .flex-main {\n            display: flex;\n            flex-wrap: wrap;\n        }\n        .article-panel {\n            flex: 1.6;\n            min-width: 280px;\n            padding: 2rem 2rem 2rem 2.2rem;\n            background: #fffaf2;\n            border-right: 1px solid #ecd9b4;\n        }\n        .game-sat-panel {\n            flex: 1.2;\n            min-width: 350px;\n            background: #f9efdf;\n            padding: 2rem 1.8rem;\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .article-panel h2 {\n            font-size: 1.8rem;\n            border-left: 7px solid #e0b87a;\n            padding-left: 1rem;\n            margin: 0.75rem 0 1rem 0;\n            color: #5a4a2a;\n        }\n        .article-panel h2 i {\n            color: #e0b87a;\n            margin-right: 10px;\n        }\n        .article-panel h3 {\n            font-size: 1.3rem;\n            margin: 1.4rem 0 0.5rem 0;\n            color: #8b5a2b;\n            font-weight: 600;\n        }\n        .article-panel p {\n            margin-bottom: 0.9rem;\n            text-align: justify;\n        }\n        .inset-quote {\n            background: #e9e0cf;\n            padding: 0.8rem 1.3rem;\n            border-left: 4px solid #e0b87a;\n            margin: 1.2rem 0;\n            border-radius: 12px;\n            font-weight: 500;\n        }\n        .reference-list {\n            font-size: 0.8rem;\n            margin-top: 1.5rem;\n            border-top: 1px dashed #cfbc93;\n            padding-top: 1rem;\n            color: #5e4b2b;\n        }\n        .timeline-item {\n            margin: 12px 0;\n            padding-left: 20px;\n            border-left: 3px solid #e0b87a;\n        }\n        .timeline-year {\n            font-weight: bold;\n            color: #8b5a2b;\n        }\n\n        \/* Mode Selection & Quiz Styles *\/\n        .mode-selector {\n            background: white;\n            border-radius: 28px;\n            padding: 1.2rem;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        }\n        .mode-buttons {\n            display: flex;\n            gap: 12px;\n            justify-content: center;\n            margin-top: 12px;\n            flex-wrap: wrap;\n        }\n        .mode-btn {\n            flex: 1;\n            min-width: 90px;\n            padding: 12px;\n            border: none;\n            border-radius: 60px;\n            font-weight: bold;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: 0.2s;\n            font-family: inherit;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n        .mode-btn.sat {\n            background: #1e3a2f;\n            color: white;\n        }\n        .mode-btn.psat {\n            background: #2c5f6e;\n            color: white;\n        }\n        .mode-btn.act {\n            background: #8b5a2b;\n            color: white;\n        }\n        .mode-btn:hover {\n            transform: translateY(-2px);\n            filter: brightness(1.05);\n        }\n        .mode-btn.active {\n            box-shadow: 0 0 0 3px #ffd966;\n        }\n        .quiz-header {\n            background: linear-gradient(145deg, #5a4a2a, #3a2e1a);\n            color: white;\n            padding: 1rem;\n            border-radius: 28px;\n            text-align: center;\n        }\n        .score-area {\n            font-size: 1.6rem;\n            font-weight: bold;\n            background: #00000055;\n            display: inline-block;\n            padding: 0.2rem 1.2rem;\n            border-radius: 40px;\n            margin-top: 8px;\n        }\n        .question-card {\n            background: white;\n            border-radius: 28px;\n            padding: 1.5rem;\n            box-shadow: 0 8px 18px rgba(0,0,0,0.1);\n        }\n        .question-text {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 1.2rem;\n            background: #fdf4e0;\n            padding: 12px;\n            border-radius: 20px;\n            border-left: 5px solid #e0b87a;\n        }\n        .options-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 1.5rem;\n        }\n        .opt-btn {\n            background: #efe2cf;\n            border: 2px solid #cfb37a;\n            padding: 10px 14px;\n            border-radius: 60px;\n            font-family: 'Segoe UI', 'Georgia', serif;\n            font-size: 0.9rem;\n            text-align: left;\n            cursor: pointer;\n            transition: 0.2s;\n        }\n        .opt-btn i {\n            margin-right: 10px;\n        }\n        .opt-btn:hover:not(:disabled) {\n            background: #e2cfb0;\n        }\n        .opt-btn.correct-highlight {\n            background: #a5d6a5;\n            border-color: #2e7d32;\n        }\n        .opt-btn.wrong-highlight {\n            background: #ef9a9a;\n            border-color: #c62828;\n        }\n        .opt-btn:disabled {\n            cursor: default;\n            opacity: 0.8;\n        }\n        .feedback {\n            margin-top: 15px;\n            padding: 12px;\n            border-radius: 20px;\n            background: #f3efdf;\n            font-size: 0.9rem;\n            border-left: 5px solid #e0b87a;\n        }\n        .next-btn, .restart-btn {\n            background: #846c3e;\n            border: none;\n            color: white;\n            font-weight: bold;\n            padding: 10px;\n            border-radius: 40px;\n            font-size: 1rem;\n            cursor: pointer;\n            margin-top: 10px;\n            width: 100%;\n        }\n        .next-btn:hover, .restart-btn:hover {\n            background: #5f4a2a;\n        }\n        .game-status {\n            font-size: 0.75rem;\n            text-align: center;\n            background: #e2d5bd;\n            padding: 6px;\n            border-radius: 50px;\n            margin-top: 8px;\n        }\n        footer {\n            text-align: center;\n            padding: 1rem;\n            background: #dfd2b6;\n            font-size: 0.7rem;\n            color: #4a3a22;\n        }\n        .disclaimer {\n            font-size: 0.65rem;\n            text-align: center;\n            margin-top: 8px;\n            color: #6b5a3e;\n        }\n        @media (max-width: 780px) {\n            .hero h1 { font-size: 1.3rem; }\n            .hero-portrait { flex-basis: 70px; }\n            .hero-portrait i { font-size: 2.2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"museum-container\">\n    <div class=\"hero\">\n        <div class=\"hero-text\">\n            <h1><i class=\"fas fa-fire\"><\/i> Elijah <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Museum Test Prep App<\/span><\/h1>\n            <p><i class=\"fas fa-bible\"><\/i> Prophet in ancient Israel \u2014 Mount Carmel challenge, defender of faith, moral courage<\/p>\n        <\/div>\n        <div class=\"hero-portrait\">\n            <i class=\"fas fa-cloud-sun\"><\/i>\n            <p><i class=\"fas fa-shield-alt\"><\/i> Righteousness Hall<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"flex-main\">\n        <div class=\"article-panel\">\n            <h2><i class=\"fas fa-scroll\"><\/i> Elijah \u2014 Israel (9th century BC)<\/h2>\n            <p>Elijah was a prophet in ancient Israel known for his unwavering defense of faithfulness to God, his opposition to idolatry, and his courage in confronting powerful rulers. His life and actions, recorded in the Books of Kings, portray him as a defender of moral righteousness and religious integrity during a time of spiritual crisis in Israel. Elijah\u2019s ministry took place during the reign of King Ahab, when many Israelites were influenced by the worship of foreign gods. Through his teachings and dramatic public challenges to false prophets, Elijah sought to restore devotion to the God of Israel. Today, Elijah is remembered in Jewish, Christian, and Islamic traditions as a powerful example of faithful leadership, moral courage, and commitment to truth.<\/p>\n            \n            <div class=\"inset-quote\">\n                <i class=\"fas fa-quote-left\"><\/i> \u201cHow long will you waver between two opinions? If the Lord is God, follow him; but if Baal is God, follow him.\u201d \u2014 Elijah (1 Kings 18:21)\n            <\/div>\n\n            <h3><i class=\"fas fa-microscope\"><\/i> Historical Context &#038; Confrontation<\/h3>\n            <div class=\"timeline-item\">\n                <span class=\"timeline-year\"><i class=\"fas fa-calendar-alt\"><\/i> 9th Century BC \u2013 Northern Kingdom of Israel<\/span>\n                <p>King Ahab and Queen Jezebel promoted the worship of Baal, leading many Israelites away from traditional faith. Elijah emerged as a prophet calling the people back to faithfulness.<\/p>\n            <\/div>\n            <div class=\"timeline-item\">\n                <span class=\"timeline-year\"><i class=\"fas fa-mountain\"><\/i> Mount Carmel Challenge<\/span>\n                <p>Elijah confronted 450 prophets of Baal, challenging them to a public test: prepare a sacrifice and call on their god to send fire from heaven. Baal\u2019s prophets failed; Elijah prayed, and fire consumed his sacrifice.<\/p>\n            <\/div>\n            <div class=\"timeline-item\">\n                <span class=\"timeline-year\"><i class=\"fas fa-skull\"><\/i> Flight from Jezebel<\/span>\n                <p>After the victory on Mount Carmel, Queen Jezebel threatened Elijah\u2019s life, forcing him to flee into the wilderness. Despite his fear, he continued his prophetic mission.<\/p>\n            <\/div>\n            <div class=\"timeline-item\">\n                <span class=\"timeline-year\"><i class=\"fas fa-church\"><\/i> Legacy in Judaism, Christianity, Islam<\/span>\n                <p>Elijah is honored as a prophet in all three Abrahamic faiths. In Jewish tradition, he is welcomed during Passover and associated with future redemption.<\/p>\n            <\/div>\n\n            <h3><i class=\"fas fa-church\"><\/i> Righteous Act: The Challenge on Mount Carmel<\/h3>\n            <p>Elijah\u2019s most famous act was the dramatic confrontation with the prophets of Baal on Mount Carmel. He challenged them to a public test: prepare a sacrifice and call on their god to send fire from heaven. After the prophets of Baal failed to produce any response, Elijah prayed to the God of Israel, and fire descended from heaven, consuming his sacrifice. This event demonstrated the power of the God of Israel and called the people to return to faithful worship. Elijah\u2019s courage in confronting the king, the queen, and 450 false prophets exemplifies unwavering moral and religious integrity.<\/p>\n\n            <h3><i class=\"fas fa-comment-dots\"><\/i> Legacy: A Prophet of Courage and Faithfulness<\/h3>\n            <p>Elijah remains one of the most significant prophetic figures in Judaism, Christianity, and Islam. In Jewish tradition, he is associated with hope for future redemption and is symbolically welcomed during the Passover. In Christianity, Elijah appears in the New Testament during the Transfiguration of Jesus. Across these traditions, Elijah\u2019s story continues to represent the enduring importance of truth, faithfulness, and the courage to defend righteousness even in the face of powerful opposition.<\/p>\n\n            <div class=\"reference-list\">\n                <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Coogan (2018), Freedman (2000), Walton &#038; Hill (2012), Cogan (2008).\n            <\/div>\n        <\/div>\n\n        <div class=\"game-sat-panel\">\n            <div class=\"mode-selector\">\n                <i class=\"fas fa-graduation-cap\"><\/i> <strong>Choose Your Exam<\/strong>\n                <div class=\"mode-buttons\">\n                    <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fab fa-sat\"><\/i> SAT<\/button>\n                    <button id=\"modePSAT\" class=\"mode-btn psat\"><i class=\"fas fa-pen-fancy\"><\/i> PSAT<\/button>\n                    <button id=\"modeACT\" class=\"mode-btn act\"><i class=\"fas fa-bolt\"><\/i> ACT<\/button>\n                <\/div>\n            <\/div>\n            <div class=\"quiz-header\">\n                <h3 id=\"modeTitle\"><i class=\"fas fa-brain\"><\/i> SAT \u2726 Prophetic Righteousness Prep<\/h3>\n                <div class=\"score-area\"><i class=\"fas fa-star\"><\/i> Score: <span id=\"scoreValue\">0<\/span> \/ 600<\/div>\n            <\/div>\n            <div class=\"question-card\" id=\"quizContainer\">\n                <div id=\"dynamicQuestionArea\"><\/div>\n                <div id=\"feedbackArea\" class=\"feedback\"><i class=\"fas fa-info-circle\"><\/i> Select an exam mode above to begin.<\/div>\n                <button id=\"nextButton\" class=\"next-btn\" style=\"display: none;\"><i class=\"fas fa-arrow-right\"><\/i> Next Question<\/button>\n                <button id=\"restartButton\" class=\"restart-btn\"><i class=\"fas fa-undo-alt\"><\/i> Restart Quiz<\/button>\n                <div class=\"game-status\"><i class=\"fas fa-hourglass-half\"><\/i> 6 questions per exam \u2022 Elijah: King Ahab, Jezebel, Mount Carmel, prophets of Baal<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <footer>\n        <i class=\"fas fa-fire\"><\/i> Museum Test Prep App | SAT \u2022 PSAT \u2022 ACT modes | Elijah \u2014 Righteous Act: The Challenge on Mount Carmel\n        <div class=\"disclaimer\">\n            <i class=\"fas fa-balance-scale\"><\/i> SAT, PSAT, and ACT are registered trademarks of their respective owners. This educational tool is not affiliated with or endorsed by College Board or ACT Inc. All questions are original and based on historical and biblical content.\n        <\/div>\n    <\/footer>\n<\/div>\n\n<script>\n    \/\/ ========== ELIJAH QUESTION BANKS ==========\n    \/\/ Themes: King Ahab, Queen Jezebel, northern kingdom of Israel, Baal worship, Mount Carmel, 450 prophets of Baal, fire from heaven, flight into wilderness, Passover tradition, Transfiguration of Jesus\n    \n    const SAT_QUESTIONS = [\n        { topic: \"Mount Carmel Challenge\", text: \"Elijah\u2019s challenge to the prophets of Baal on Mount Carmel was a public test intended to:\", options: [\"Demonstrate the power of the God of Israel and call the people back to faithful worship\", \"Start a war with Phoenicia\", \"Prove that all religions are equal\", \"Establish Elijah as king\"], correct: 0, explanation: \"The dramatic fire from heaven showed that the God of Israel, not Baal, was the true deity.\" },\n        { topic: \"Royal Opponents\", text: \"During Elijah\u2019s ministry, the northern kingdom of Israel was ruled by King Ahab and his wife:\", options: [\"Athallah\", \"Jezebel\", \"Huldah\", \"Deborah\"], correct: 1, explanation: \"Jezebel, a Phoenician princess, promoted Baal worship and persecuted the prophets of the Lord.\" },\n        { topic: \"Test Details\", text: \"In the contest on Mount Carmel, Elijah challenged 450 prophets of Baal to:\", options: [\"Build an altar and call on their god to send fire from heaven\", \"Fight in a wrestling match\", \"Perform a healing miracle\", \"Predict the weather\"], correct: 0, explanation: \"Baal\u2019s prophets failed; after they cried out all day, Elijah prayed, and fire consumed his sacrifice.\" },\n        { topic: \"Aftermath Threat\", text: \"After the victory on Mount Carmel, Queen Jezebel:\", options: [\"Praised Elijah\", \"Threatened Elijah\u2019s life, forcing him to flee into the wilderness\", \"Converted to the worship of the God of Israel\", \"Arrested the prophets of Baal\"], correct: 1, explanation: \"Elijah fled in fear, yet he continued his prophetic mission.\" },\n        { topic: \"Biblical Book\", text: \"The account of Elijah\u2019s ministry and the Mount Carmel challenge is found in which book of the Bible?\", options: [\"Genesis\", \"Exodus\", \"1 Kings\", \"Isaiah\"], correct: 2, explanation: \"The story of Elijah is recorded in 1 Kings (chapters 17\u201319).\" },\n        { topic: \"Interfaith Legacy\", text: \"Elijah is honored as a prophet in:\", options: [\"Judaism only\", \"Christianity only\", \"Islam only\", \"Judaism, Christianity, and Islam\"], correct: 3, explanation: \"Elijah is a revered figure in all three Abrahamic faiths.\" }\n    ];\n\n    const PSAT_QUESTIONS = [\n        { topic: \"Elijah\u2019s Role\", text: \"Elijah is best described as a:\", options: [\"King of Israel\", \"Prophet who confronted idolatry and called for faithfulness to God\", \"Military general\", \"High priest of Baal\"], correct: 1, explanation: \"He was a prophet who challenged false worship and defended the God of Israel.\" },\n        { topic: \"Jezebel\u2019s Religion\", text: \"Queen Jezebel promoted the worship of:\", options: [\"Yahweh (God of Israel)\", \"Baal\", \"Asherah\", \"Dagon\"], correct: 1, explanation: \"Jezebel was a Phoenician princess who brought Baal worship to Israel.\" },\n        { topic: \"Mountain Name\", text: \"Elijah\u2019s famous confrontation took place on which mountain?\", options: [\"Mount Sinai\", \"Mount Carmel\", \"Mount Nebo\", \"Mount Tabor\"], correct: 1, explanation: \"Mount Carmel, in northern Israel, was the site of the challenge to the prophets of Baal.\" },\n        { topic: \"Number of Prophets\", text: \"Elijah faced how many prophets of Baal at Mount Carmel?\", options: [\"150\", \"300\", \"450\", \"600\"], correct: 2, explanation: \"1 Kings 18:22 states there were 450 prophets of Baal.\" },\n        { topic: \"Symbol of Fire\", text: \"The fire that fell on Elijah\u2019s altar demonstrated:\", options: [\"That Baal was powerful\", \"The power of the God of Israel over false gods\", \"That Elijah was a magician\", \"A weather phenomenon\"], correct: 1, explanation: \"The miracle proved that the Lord is the true God.\" },\n        { topic: \"New Testament Appearance\", text: \"Elijah appears in the New Testament during:\", options: [\"The Last Supper\", \"The Transfiguration of Jesus\", \"The baptism of Jesus\", \"The resurrection\"], correct: 1, explanation: \"In the Gospels, Elijah appears with Moses during Jesus\u2019 transfiguration.\" }\n    ];\n\n    const ACT_QUESTIONS = [\n        { topic: \"Century of Ministry\", text: \"Elijah ministered during the 9th century BC in the northern kingdom of Israel. Who was the king at that time?\", options: [\"David\", \"Solomon\", \"Ahab\", \"Jeroboam\"], correct: 2, explanation: \"Ahab was king of Israel during Elijah\u2019s public ministry.\" },\n        { topic: \"Jezebel\u2019s Threat\", text: \"After Mount Carmel, Jezebel threatened to kill Elijah by:\", options: [\"Stoning\", \"The sword\", \"Poison\", \"The next day\"], correct: 3, explanation: \"She sent a message vowing to take his life within 24 hours (1 Kings 19:2).\" },\n        { topic: \"Fasting Journey\", text: \"After fleeing from Jezebel, Elijah traveled for 40 days to:\", options: [\"Mount Sinai (Horeb)\", \"Jerusalem\", \"Bethlehem\", \"Damascus\"], correct: 0, explanation: \"He journeyed to Mount Horeb (Sinai), where he encountered God in a still, small voice.\" },\n        { topic: \"Passover Tradition\", text: \"In Jewish tradition, Elijah is symbolically welcomed during:\", options: [\"Yom Kippur\", \"Passover (Pesach)\", \"Hanukkah\", \"Purim\"], correct: 1, explanation: \"A cup of wine is set for Elijah, and the door is opened for him during the Passover Seder.\" },\n        { topic: \"Book of Kings\", text: \"The account of Elijah is primarily found in 1 Kings, which is part of the:\", options: [\"Torah (Pentateuch)\", \"Historical books of the Old Testament\", \"Poetic books\", \"Prophetic books\"], correct: 1, explanation: \"1 and 2 Kings are classified as historical books in the Hebrew Bible.\" },\n        { topic: \"Elijah\u2019s Successor\", text: \"Elijah passed his prophetic mantle to his successor:\", options: [\"Amos\", \"Hosea\", \"Elisha\", \"Isaiah\"], correct: 2, explanation: \"Elisha became Elijah\u2019s disciple and successor.\" }\n    ];\n\n    let currentMode = \"SAT\";\n    let currentQuestions = [...SAT_QUESTIONS];\n    let currentIndex = 0;\n    let playerScore = 0;\n    let quizAnswered = false;\n    let selectedOptIdx = null;\n    let totalPerMode = 6;\n\n    const dynamicArea = document.getElementById(\"dynamicQuestionArea\");\n    const feedbackDiv = document.getElementById(\"feedbackArea\");\n    const nextBtn = document.getElementById(\"nextButton\");\n    const restartBtn = document.getElementById(\"restartButton\");\n    const scoreSpan = document.getElementById(\"scoreValue\");\n    const modeTitle = document.getElementById(\"modeTitle\");\n\n    function updateScoreUI() {\n        scoreSpan.innerText = playerScore;\n    }\n\n    function loadMode(mode) {\n        currentMode = mode;\n        if (mode === \"SAT\") currentQuestions = [...SAT_QUESTIONS];\n        else if (mode === \"PSAT\") currentQuestions = [...PSAT_QUESTIONS];\n        else currentQuestions = [...ACT_QUESTIONS];\n        \n        let icon = mode === \"SAT\" ? '<i class=\"fab fa-sat\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n        modeTitle.innerHTML = `${icon} ${mode} \u2726 Prophetic Righteousness Prep`;\n        \n        currentIndex = 0;\n        playerScore = 0;\n        quizAnswered = false;\n        selectedOptIdx = null;\n        updateScoreUI();\n        nextBtn.style.display = \"none\";\n        feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\"><\/i> ${mode} mode activated. Answer 6 questions about Elijah, Mount Carmel, and his prophetic legacy.`;\n        renderQuestion();\n        \n        document.querySelectorAll('.mode-btn').forEach(btn => btn.classList.remove('active'));\n        if (mode === \"SAT\") document.getElementById(\"modeSAT\").classList.add('active');\n        if (mode === \"PSAT\") document.getElementById(\"modePSAT\").classList.add('active');\n        if (mode === \"ACT\") document.getElementById(\"modeACT\").classList.add('active');\n    }\n\n    function renderQuestion() {\n        if (currentIndex >= totalPerMode) {\n            dynamicArea.innerHTML = `\n                <div style=\"text-align:center; padding:20px;\">\n                    <i class=\"fas fa-trophy\" style=\"font-size:3rem; color:#e0b87a;\"><\/i>\n                    <h3>${currentMode} Complete!<\/h3>\n                    <p>Your score: ${playerScore} \/ ${totalPerMode*100}<\/p>\n                    <p><i class=\"fas fa-medal\"><\/i> ${getFinalMessage()}<\/p>\n                    <i class=\"fas fa-sync-alt\"><\/i> Switch exam mode or press Restart.\n                <\/div>\n            `;\n            nextBtn.style.display = \"none\";\n            quizAnswered = true;\n            return;\n        }\n\n        const q = currentQuestions[currentIndex];\n        let optionsHtml = '';\n        const letters = ['A', 'B', 'C', 'D'];\n        q.options.forEach((opt, idx) => {\n            let disabledAttr = quizAnswered ? 'disabled' : '';\n            let extraClass = '';\n            if (quizAnswered) {\n                if (idx === q.correct) extraClass = 'correct-highlight';\n                else if (idx === selectedOptIdx && idx !== q.correct) extraClass = 'wrong-highlight';\n            }\n            optionsHtml += `\n                <button class=\"opt-btn ${extraClass}\" data-opt-index=\"${idx}\" ${disabledAttr}>\n                    <i class=\"fas ${idx === 0 ? 'fa-circle' : (idx === 1 ? 'fa-dot-circle' : (idx === 2 ? 'fa-record-vinyl' : 'fa-stop'))}\"><\/i>\n                    <strong>${letters[idx]}.<\/strong> ${escapeHtml(opt)}\n                <\/button>\n            `;\n        });\n\n        const progressHtml = `<div class=\"game-status\" style=\"margin-bottom:12px;\"><i class=\"fas fa-fire\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode}) \u2022 <i class=\"fas fa-cloud-sun\"><\/i> ${q.topic}<\/div>`;\n        const questionHtml = `\n            ${progressHtml}\n            <div class=\"question-text\"><i class=\"fas fa-bible\"><\/i> ${escapeHtml(q.text)}<\/div>\n            <div class=\"options-list\" id=\"optionsList\">${optionsHtml}<\/div>\n        `;\n        dynamicArea.innerHTML = questionHtml;\n\n        if (!quizAnswered) {\n            document.querySelectorAll('.opt-btn').forEach(btn => {\n                btn.addEventListener('click', (e) => {\n                    if (quizAnswered) return;\n                    const chosenIdx = parseInt(btn.getAttribute('data-opt-index'));\n                    handleAnswer(chosenIdx);\n                });\n            });\n        }\n    }\n\n    function handleAnswer(chosenIdx) {\n        if (quizAnswered) return;\n        const q = currentQuestions[currentIndex];\n        const isCorrect = (chosenIdx === q.correct);\n        selectedOptIdx = chosenIdx;\n        if (isCorrect) {\n            playerScore += 100;\n            updateScoreUI();\n            feedbackDiv.innerHTML = `<i class=\"fas fa-check-circle\" style=\"color:#2e7d32;\"><\/i> \u2705 ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points (${q.topic})`;\n        } else {\n            const correctLetter = String.fromCharCode(65 + q.correct);\n            const correctText = q.options[q.correct];\n            feedbackDiv.innerHTML = `<i class=\"fas fa-times-circle\" style=\"color:#b71c1c;\"><\/i> Incorrect. Correct answer: ${correctLetter}: ${escapeHtml(correctText)}.<br>\ud83d\udcd6 ${q.explanation} (${q.topic})`;\n        }\n        quizAnswered = true;\n        renderQuestion();\n        nextBtn.style.display = \"block\";\n    }\n\n    function nextQuestion() {\n        if (!quizAnswered && currentIndex < totalPerMode) {\n            feedbackDiv.innerHTML = `<i class=\"fas fa-exclamation-triangle\"><\/i> Please answer before continuing.`;\n            return;\n        }\n        if (currentIndex + 1 <= totalPerMode) {\n            currentIndex++;\n            quizAnswered = false;\n            selectedOptIdx = null;\n            nextBtn.style.display = \"none\";\n            if (currentIndex < totalPerMode) {\n                feedbackDiv.innerHTML = `<i class=\"fas fa-lightbulb\"><\/i> Read the article carefully, then choose the best answer.`;\n                renderQuestion();\n            } else {\n                renderQuestion();\n                nextBtn.style.display = \"none\";\n            }\n        }\n    }\n\n    function restartQuiz() {\n        loadMode(currentMode);\n    }\n\n    function getFinalMessage() {\n        let maxScore = totalPerMode * 100;\n        if (playerScore === maxScore) return `\ud83c\udfc6 Perfect ${currentMode} score! You understand Elijah\u2019s courage on Mount Carmel and his prophetic legacy.`;\n        if (playerScore >= 400) return `\ud83c\udf96\ufe0f Strong ${currentMode} readiness! \u201cHow long will you waver between two opinions?\u201d \u2014 Elijah`;\n        return `\ud83d\udcdc Review the exhibit about King Ahab, Jezebel, the prophets of Baal, and the fire from heaven.`;\n    }\n\n    function escapeHtml(str) {\n        return str.replace(\/[&<>]\/g, function(m) {\n            if (m === '&') return '&amp;';\n            if (m === '<') return '&lt;';\n            if (m === '>') return '&gt;';\n            return m;\n        });\n    }\n\n    document.getElementById(\"modeSAT\").addEventListener(\"click\", () => loadMode(\"SAT\"));\n    document.getElementById(\"modePSAT\").addEventListener(\"click\", () => loadMode(\"PSAT\"));\n    document.getElementById(\"modeACT\").addEventListener(\"click\", () => loadMode(\"ACT\"));\n    nextBtn.addEventListener(\"click\", nextQuestion);\n    restartBtn.addEventListener(\"click\", restartQuiz);\n    \n    loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n&#8220;`\n","protected":false},"excerpt":{"rendered":"<p>Here is the complete HTML\/CSS\/JavaScript code for the **Elijah \u2013 Museum Test Prep App**, following the exact structure and style of your previous test prep examples. It includes SAT, PSAT, and ACT modes with 6 questions each, covering his role as a prophet in the northern kingdom of Israel during the 9th century BC, his [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1070","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=1070"}],"version-history":[{"count":2,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1070\/revisions"}],"predecessor-version":[{"id":1073,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1070\/revisions\/1073"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}