{"id":1731,"date":"2026-07-14T20:41:03","date_gmt":"2026-07-14T20:41:03","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1731"},"modified":"2026-07-14T20:42:42","modified_gmt":"2026-07-14T20:42:42","slug":"quizfrodo-baggins-the-humble-bearer","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/quizfrodo-baggins-the-humble-bearer\/","title":{"rendered":"Quiz:Frodo Baggins \u2014 The Humble Bearer"},"content":{"rendered":"\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>Quiz: Frodo Baggins \u2014 The Humble Bearer | Righteous Museum<\/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: #1a1a2e;\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: #fef7e0;\n            border-radius: 28px;\n            box-shadow: 0 20px 35px rgba(0,0,0,0.3), 0 0 0 1px #c9a87b inset;\n            overflow: hidden;\n        }\n\n        .hero {\n            background: linear-gradient(135deg, #1a1a2a 0%, #0d0d1a 100%);\n            padding: 1.8rem 2.5rem;\n            border-bottom: 6px solid #d4af37;\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: #d4af37;\n            margin-right: 10px;\n        }\n        .hero h1 .app-badge {\n            font-size: 0.8rem;\n            background: #d4af3733;\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: #d4af3730;\n            padding: 8px;\n            border-radius: 50%;\n            border: 2px solid #d4af37;\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 #d4af37;\n            padding-left: 1rem;\n            margin: 0.75rem 0 1rem 0;\n            color: #2d482b;\n        }\n        .article-panel h2 i {\n            color: #d4af37;\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        .article-panel blockquote {\n            margin: 1rem 0;\n            padding: 0.8rem 1.5rem;\n            background: #f3eddd;\n            border-left: 5px solid #d4af37;\n            border-radius: 8px;\n            font-style: italic;\n            color: #4a3a2a;\n        }\n        .article-panel blockquote i {\n            color: #d4af37;\n            margin-right: 8px;\n        }\n        .events-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin: 15px 0;\n        }\n        .event-badge {\n            background: #e9e0cf;\n            padding: 6px 14px;\n            border-radius: 40px;\n            font-size: 0.8rem;\n            border: 1px solid #cfb37a;\n        }\n        .event-badge i {\n            margin-right: 6px;\n            font-size: 0.7rem;\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\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, #2c4b3e, #1e3a2f);\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 #d4af37;\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 #d4af37;\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-ring\"><\/i> Quiz: Frodo Baggins \u2014 The Humble Bearer <span class=\"app-badge\"><i class=\"fas fa-mobile-alt\"><\/i> Literary Quiz<\/span><\/h1>\n            <p><i class=\"fas fa-book-open\"><\/i> A humble hobbit who bore the ring of power, teaching even the smallest can resist great evil.<\/p>\n        <\/div>\n        <div class=\"hero-portrait\">\n            <i class=\"fas fa-ring\"><\/i>\n            <p><i class=\"fas fa-mountain\"><\/i> Mount Doom<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"flex-main\">\n        <div class=\"article-panel\">\n            <h2><i class=\"fas fa-ring\"><\/i> The Humble Bearer<\/h2>\n            <p>Frodo Baggins is the protagonist of J.R.R. Tolkien&#8217;s epic fantasy <em>The Lord of the Rings<\/em>, first published in three volumes between 1954 and 1955. He is a hobbit\u2014a small, unassuming member of an obscure race living in the peaceful Shire\u2014who inherits the One Ring from his cousin and adoptive uncle, Bilbo Baggins.<\/p>\n            <p>The One Ring is the most powerful and dangerous object in Middle-earth, created by the Dark Lord Sauron to dominate all free peoples. It corrupts anyone who possesses it, feeding on their desires and twisting them toward evil. Frodo&#8217;s task is to carry the Ring across Middle-earth and destroy it in the fires of Mount Doom\u2014a mission that seems impossible for a simple hobbit with no great strength or power. His righteousness is not found in triumph\u2014it is found in the daily, painful act of continuing when every step feels impossible.<\/p>\n\n            <div class=\"events-grid\">\n                <span class=\"event-badge\"><i class=\"fas fa-ring\"><\/i> Burden<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-shield\"><\/i> Endurance<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-heart\"><\/i> Mercy<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-star\"><\/i> Humility<\/span>\n                <span class=\"event-badge\"><i class=\"fas fa-book\"><\/i> Epic Fantasy<\/span>\n            <\/div>\n\n            <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n            <p>Frodo&#8217;s story forces readers to confront one of the most difficult questions of righteousness: <strong>What does it mean to be righteous when success is impossible and failure is almost certain?<\/strong><\/p>\n            <p>The series presents a world where the forces of evil are overwhelmingly powerful. Yet the quest is not abandoned. The hope of the story is not that Frodo will succeed\u2014it is that <strong>even the attempt, even the willingness to bear the burden, has value in itself<\/strong>. The Ring is not merely a weapon\u2014it is a <strong>moral test<\/strong>. It tempts each bearer with what they most desire: power, knowledge, control, or the ability to protect what they love. Frodo resists the Ring&#8217;s temptation longer than anyone else could. Yet at the final moment, at the Cracks of Doom, he cannot destroy it. He claims the Ring for himself. <strong>This is not a moral failure.<\/strong> Tolkien himself wrote that Frodo&#8217;s &#8220;failure&#8221; at the end is not a mark of weakness but of the Ring&#8217;s absolute power. Frodo had done what he could and spent himself completely as an instrument of Providence.<\/p>\n\n            <blockquote><i class=\"fas fa-quote-left\"><\/i> &#8220;I should like to save the Shire, if I could&#8230; I feel that as long as the Shire lies behind, safe and comfortable, I shall find wandering more bearable.&#8221; \u2014 Frodo Baggins<\/blockquote>\n\n            <h3><i class=\"fas fa-gem\"><\/i> Key Lessons on Righteousness<\/h3>\n            <ul style=\"padding-left: 1.5rem; margin-bottom: 1rem;\">\n                <li><strong>Righteousness is not about strength\u2014it is about endurance<\/strong> \u2014 Righteousness is measured by what we are willing to carry, not by what we achieve.<\/li>\n                <li><strong>Mercy is never wasted<\/strong> \u2014 Frodo spares Gollum, and Gollum ultimately destroys the Ring. Showing compassion is always righteous.<\/li>\n                <li><strong>Small people can do great things<\/strong> \u2014 Righteousness is not reserved for the powerful. Even the smallest can change the world.<\/li>\n                <li><strong>Failure does not define us<\/strong> \u2014 Frodo fails at the final moment, yet the quest succeeds. Righteousness is about persevering, even when we fail.<\/li>\n                <li><strong>Love of home is a righteous motivation<\/strong> \u2014 Love for our community, our home, and our people is a righteous reason to act.<\/li>\n            <\/ul>\n\n            <div class=\"reference-list\">\n                <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Tolkien, J.R.R. (1954-1955). <em>The Lord of the Rings<\/em>. George Allen &#038; Unwin. (Modern work under copyright, used for educational analysis)\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 Quiz Mode<\/strong>\n                <div class=\"mode-buttons\">\n                    <button id=\"modeSAT\" class=\"mode-btn sat\"><i class=\"fas fa-brain\"><\/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 Frodo Baggins \u2014 Righteousness Quiz<\/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 a 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 mode \u2022 Frodo &#038; righteousness<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <footer>\n        <i class=\"fas fa-chess-queen\"><\/i> The Righteous Museum \u2014 Literary Figures of Righteousness Hall\n        <div class=\"disclaimer\">\n            <i class=\"fas fa-balance-scale\"><\/i> This educational tool is not affiliated with or endorsed by any rights holders. All content is for educational and research purposes under fair use. <em>The Lord of the Rings<\/em> and its characters are the property of the Tolkien Estate, Middle-earth Enterprises, and HarperCollins.\n        <\/div>\n    <\/footer>\n<\/div>\n\n<script>\n    \/\/ ========== FRODO BAGGINS QUESTION BANKS ==========\n\n    \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n    const SAT_QUESTIONS = [\n        { \n            text: \"Frodo's decision to carry the One Ring to Mount Doom is most significant as:\", \n            options: [\"A journey of adventure\", \"A demonstration of endurance and willingness to sacrifice for others\", \"A desire for power\", \"A mistake\"], \n            correct: 1, \n            explanation: \"Frodo accepts the burden of the Ring not for glory, but because he loves the Shire and believes even the smallest can make a difference.\"\n        },\n        { \n            text: \"Frodo's mercy toward Gollum is significant because it:\", \n            options: [\"Shows his weakness\", \"Demonstrates compassion and ultimately leads to the Ring's destruction\", \"Was a mistake\", \"Had no consequences\"], \n            correct: 1, \n            explanation: \"Frodo's compassion for Gollum ultimately enables the Ring's destruction when Gollum intervenes at the Cracks of Doom.\"\n        },\n        { \n            text: \"Frodo's 'failure' to destroy the Ring at the final moment suggests that:\", \n            options: [\"He was weak\", \"The Ring's power was overwhelming and no one could resist it at that moment\", \"He wanted to keep it\", \"He was betrayed\"], \n            correct: 1, \n            explanation: \"Tolkien wrote that Frodo's failure was not a moral failure but a testament to the Ring's absolute power. He had done all he could.\"\n        },\n        { \n            text: \"The hobbits' role in the quest is significant because it shows:\", \n            options: [\"Only powerful people can change the world\", \"Even the smallest and most ordinary can resist great evil\", \"Strength is everything\", \"Adventure is dangerous\"], \n            correct: 1, \n            explanation: \"The hobbits are small, humble, and ordinary\u2014yet they resist evil and change the course of history.\"\n        },\n        { \n            text: \"The Ring's power to corrupt is most dangerous because it:\", \n            options: [\"Makes people physically strong\", \"Feeds on the desires of the bearer and twists them toward evil\", \"Is easily destroyed\", \"Is harmless\"], \n            correct: 1, \n            explanation: \"The Ring tempts each bearer with what they most desire, corrupting them from within.\"\n        },\n        { \n            text: \"The series' central theme regarding righteousness is that:\", \n            options: [\"Power is the only virtue\", \"Endurance, mercy, and humility are the highest forms of righteousness\", \"Destiny determines everything\", \"Strength is all that matters\"], \n            correct: 1, \n            explanation: \"Frodo's journey teaches that endurance, mercy, and humility are the marks of a righteous life\u2014not power or triumph.\"\n        }\n    ];\n\n    \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n    const PSAT_QUESTIONS = [\n        { \n            text: \"The term 'endurance' as used in the context of Frodo Baggins most nearly means:\", \n            options: [\"The ability to give up\", \"The ability to continue despite hardship\", \"The ability to fight\", \"The ability to run fast\"], \n            correct: 1, \n            explanation: \"Frodo's endurance is his ability to continue carrying the Ring despite overwhelming pain and suffering.\"\n        },\n        { \n            text: \"The One Ring's primary effect on its bearer is:\", \n            options: [\"To make them stronger\", \"To corrupt and enslave them to its will\", \"To heal them\", \"To make them invisible\"], \n            correct: 1, \n            explanation: \"The Ring corrupts its bearer, twisting their desires and enslaving them to the will of Sauron.\"\n        },\n        { \n            text: \"Frodo's companion and loyal friend throughout the journey is:\", \n            options: [\"Merry\", \"Samwise Gamgee\", \"Pippin\", \"Legolas\"], \n            correct: 1, \n            explanation: \"Samwise Gamgee is Frodo's most loyal friend and companion, accompanying him to the very end.\"\n        },\n        { \n            text: \"The hobbits' home, which they seek to protect, is called:\", \n            options: [\"Gondor\", \"The Shire\", \"Rivendell\", \"Mordor\"], \n            correct: 1, \n            explanation: \"The Shire is the peaceful home of the hobbits, which Frodo seeks to protect.\"\n        },\n        { \n            text: \"The main setting of Frodo's quest is:\", \n            options: [\"The Shire\", \"Middle-earth\", \"Gondor\", \"Valinor\"], \n            correct: 1, \n            explanation: \"Frodo's journey takes him across all of Middle-earth, from the Shire to Mordor.\"\n        },\n        { \n            text: \"The series explores which main theme?\", \n            options: [\"The importance of wealth\", \"The power of endurance, mercy, and humility in resisting evil\", \"The history of England\", \"The value of fame\"], \n            correct: 1, \n            explanation: \"The Lord of the Rings teaches that even the smallest and humblest can resist great evil through endurance and mercy.\"\n        }\n    ];\n\n    \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n    const ACT_QUESTIONS = [\n        { \n            text: \"The author of The Lord of the Rings is:\", \n            options: [\"C.S. Lewis\", \"J.R.R. Tolkien\", \"George R.R. Martin\", \"Philip Pullman\"], \n            correct: 1, \n            explanation: \"J.R.R. Tolkien wrote The Lord of the Rings, published in three volumes between 1954 and 1955.\"\n        },\n        { \n            text: \"The first volume of The Lord of the Rings is:\", \n            options: [\"The Two Towers\", \"The Fellowship of the Ring\", \"The Return of the King\", \"The Silmarillion\"], \n            correct: 1, \n            explanation: \"The first volume is The Fellowship of the Ring, published in 1954.\"\n        },\n        { \n            text: \"The One Ring was created by:\", \n            options: [\"Gandalf\", \"Sauron\", \"Saruman\", \"Elrond\"], \n            correct: 1, \n            explanation: \"The One Ring was created by the Dark Lord Sauron in the fires of Mount Doom.\"\n        },\n        { \n            text: \"The character who also bore the Ring before Frodo was:\", \n            options: [\"Samwise Gamgee\", \"Gollum\", \"Bilbo Baggins\", \"All of the above\"], \n            correct: 3, \n            explanation: \"Gollum and Bilbo Baggins both bore the Ring before Frodo.\"\n        },\n        { \n            text: \"The number of books in The Lord of the Rings trilogy is:\", \n            options: [\"1\", \"2\", \"3\", \"6\"], \n            correct: 2, \n            explanation: \"The trilogy consists of three volumes: The Fellowship of the Ring, The Two Towers, and The Return of the King.\"\n        },\n        { \n            text: \"Frodo's closest friend and companion is:\", \n            options: [\"Merry Brandybuck\", \"Samwise Gamgee\", \"Pippin Took\", \"Gandalf\"], \n            correct: 1, \n            explanation: \"Samwise Gamgee is Frodo's most loyal and closest friend, accompanying him to Mount Doom.\"\n        }\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    \/\/ DOM elements\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=\"fas fa-brain\"><\/i>' : (mode === \"PSAT\" ? '<i class=\"fas fa-pen-fancy\"><\/i>' : '<i class=\"fas fa-bolt\"><\/i>');\n        modeTitle.innerHTML = `${icon} ${mode} \u2726 Frodo Baggins \u2014 Righteousness Quiz`;\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 Frodo's moral journey.`;\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:#d4af37;\"><\/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-question-circle\"><\/i> Question ${currentIndex+1} of ${totalPerMode} (${currentMode})<\/div>`;\n        const questionHtml = `\n            ${progressHtml}\n            <div class=\"question-text\"><i class=\"fas fa-gavel\"><\/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> ${q.explanation} <i class=\"fas fa-award\"><\/i> +100 points`;\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> ${q.explanation}`;\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 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 ` Perfect ${currentMode} score! You understand Frodo's humble endurance.`;\n        if (playerScore >= 400) return ` Strong ${currentMode} readiness! Even the smallest can resist great evil.`;\n        return ` Review The Lord of the Rings and try again. All we have to decide is what to do with the time that is given to us.`;\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    \/\/ Event bindings\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    \/\/ Initialize with SAT\n    loadMode(\"SAT\");\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz: Frodo Baggins \u2014 The Humble Bearer | Righteous Museum Quiz: Frodo Baggins \u2014 The Humble Bearer Literary Quiz A humble hobbit who bore the ring of power, teaching even the smallest can resist great evil. Mount Doom The Humble Bearer Frodo Baggins is the protagonist of J.R.R. Tolkien&#8217;s epic fantasy The Lord of the [&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-1731","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1731","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=1731"}],"version-history":[{"count":3,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1731\/revisions"}],"predecessor-version":[{"id":1736,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1731\/revisions\/1736"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}