Quiz: Harry Potter \u2014 The Boy Who Chose Love | Righteous Museum<\/title>\n \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-bolt\"><\/i> Quiz: Harry Potter \u2014 The Boy Who Chose Love <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 boy who chose love over hate, proving our choices define us more than our abilities.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-hat-wizard\"><\/i>\n <p><i class=\"fas fa-star\"><\/i> The Chosen One<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-bolt\"><\/i> The Boy Who Chose Love<\/h2>\n <p>Harry Potter is the protagonist of J.K. Rowling’s seven-book fantasy series, published between 1997 and 2007. Orphaned as a baby after his parents were murdered by the dark wizard Lord Voldemort, Harry was raised by his cruel aunt and uncle, the Dursleys, who treated him as a burden. On his eleventh birthday, he discovers the truth: he is a wizard, and he has been accepted to Hogwarts School of Witchcraft and Wizardry.<\/p>\n <p>The series follows Harry’s journey from a lonely, mistreated child to a courageous young wizard who confronts the darkest evil of his world. Harry and Voldemort share many similarities: both are orphans, both have magical abilities, both were raised outside the wizarding world. Yet they make completely different choices. Voldemort chooses power, domination, and fear. Harry chooses love, friendship, and sacrifice.<\/p>\n\n <div class=\"events-grid\">\n <span class=\"event-badge\"><i class=\"fas fa-bolt\"><\/i> Choice<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-heart\"><\/i> Love<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-shield\"><\/i> Sacrifice<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-star\"><\/i> Destiny<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-book\"><\/i> Fantasy<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n <p>Harry Potter’s story forces readers to confront one of the most fundamental questions of righteousness: <strong>What does it mean to be a good person, and how do our choices define us?<\/strong><\/p>\n <p>The series presents a world where good and evil are not determined by birth, blood, or destiny\u2014but by <strong>choice<\/strong>. Characters like Dumbledore, Snape, and Regulus Black are neither purely good nor purely evil. They make mistakes, hold unjustifiable views, and yet ultimately choose redemption. This nuance is central to the series’ moral vision: <strong>good and evil are not fixed states\u2014they are paths we choose, moment by moment.<\/strong><\/p>\n\n <blockquote><i class=\"fas fa-quote-left\"><\/i> “It is our choices, Harry, that show what we truly are, far more than our abilities.” \u2014 Albus Dumbledore<\/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>Our choices define who we are<\/strong> \u2014 Righteousness is not about birth or destiny\u2014it is about choice.<\/li>\n <li><strong>Love is the most powerful force<\/strong> \u2014 Love is not weakness\u2014it is the strongest magic of all.<\/li>\n <li><strong>Rules are not always moral<\/strong> \u2014 Obedience to unjust rules is not righteousness\u2014it is complicity.<\/li>\n <li><strong>Courage is not the absence of fear<\/strong> \u2014 Righteousness requires courage, not fearlessness.<\/li>\n <li><strong>Redemption is possible<\/strong> \u2014 No one is beyond the possibility of change.<\/li>\n <\/ul>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Rowling, J.K. (1997-2007). <em>Harry Potter<\/em> series. Bloomsbury. (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 Harry Potter \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 Harry Potter & 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>Harry Potter<\/em> and its characters are the property of J.K. Rowling and Warner Bros. Entertainment.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== HARRY POTTER QUESTION BANKS ==========\n\n \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n const SAT_QUESTIONS = [\n { \n text: \"Harry Potter's decision to walk into the Forbidden Forest to face Voldemort is most significant as:\", \n options: [\"An act of recklessness\", \"A demonstration of courage and willingness to sacrifice himself for others\", \"A desire for fame\", \"A mistake\"], \n correct: 1, \n explanation: \"Harry's willingness to die for his friends is the culmination of his moral journey\u2014the highest form of righteousness.\"\n },\n { \n text: \"The comparison between Harry and Voldemort is significant because it shows:\", \n options: [\"They are exactly the same\", \"Similar origins lead to opposite paths based on choice\", \"Voldemort was always evil\", \"Harry was always good\"], \n correct: 1, \n explanation: \"Harry and Voldemort share similar backgrounds but make completely different choices\u2014emphasizing the power of choice in determining character.\"\n },\n { \n text: \"Dumbledore's statement 'It is our choices that show what we truly are' emphasizes:\", \n options: [\"The importance of destiny\", \"The centrality of moral choice in defining character\", \"The value of intelligence\", \"The role of luck\"], \n correct: 1, \n explanation: \"Dumbledore's quote is the series' moral core: identity is shaped by choices, not by birth or circumstance.\"\n },\n { \n text: \"Harry's decision to spare Peter Pettigrew's life is significant because it:\", \n options: [\"Shows his weakness\", \"Demonstrates mercy and sets up Pettigrew's future debt to Harry\", \"Was a mistake\", \"Had no consequences\"], \n correct: 1, \n explanation: \"Harry's mercy toward Pettigrew ultimately saves his life, showing that compassion has lasting consequences.\"\n },\n { \n text: \"Snape's character arc demonstrates that:\", \n options: [\"People cannot change\", \"Redemption is possible for even the most flawed characters\", \"Love is irrelevant\", \"Betrayal is always unforgivable\"], \n correct: 1, \n explanation: \"Snape's journey from Death Eater to protector of Harry shows that redemption is possible through love and sacrifice.\"\n },\n { \n text: \"The series' central theme regarding righteousness is that:\", \n options: [\"Power is the only virtue\", \"Love, courage, and choice are the highest forms of righteousness\", \"Destiny determines everything\", \"Rules must always be followed\"], \n correct: 1, \n explanation: \"Harry Potter teaches that love, courage, and the choices we make define us far more than our abilities or circumstances.\"\n }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { \n text: \"The term 'redemption' as used in the context of Harry Potter most nearly means:\", \n options: [\"The act of being punished\", \"The act of being saved from sin or error\", \"The act of gaining wealth\", \"The act of traveling\"], \n correct: 1, \n explanation: \"Characters like Snape and Regulus Black seek redemption through their actions, showing that people can change.\"\n },\n { \n text: \"Harry Potter was raised by:\", \n options: [\"His grandparents\", \"His aunt and uncle, the Dursleys\", \"His godfather Sirius Black\", \"Hogwarts professors\"], \n correct: 1, \n explanation: \"Harry was raised by his aunt and uncle, Vernon and Petunia Dursley, who treated him poorly.\"\n },\n { \n text: \"The 'chosen one' prophecy refers to:\", \n options: [\"Harry's destiny to become a teacher\", \"Harry's destiny to defeat Voldemort\", \"Harry's destiny to become rich\", \"Harry's destiny to leave Hogwarts\"], \n correct: 1, \n explanation: \"Harry is prophesied to defeat Voldemort, but he is 'chosen' because Voldemort chose him\u2014not because he was destined from birth.\"\n },\n { \n text: \"Harry's primary motivation throughout the series is:\", \n options: [\"To gain power\", \"To protect those he loves and defeat Voldemort\", \"To become famous\", \"To leave the wizarding world\"], \n correct: 1, \n explanation: \"Harry is driven by love, loyalty, and the desire to protect others\u2014not by ambition or fame.\"\n },\n { \n text: \"The main setting of the Harry Potter series is:\", \n options: [\"A castle in Scotland\", \"A modern city\", \"A forest\", \"An island\"], \n correct: 0, \n explanation: \"Hogwarts School of Witchcraft and Wizardry, located in Scotland, is the primary setting of the series.\"\n },\n { \n text: \"The series explores which main theme?\", \n options: [\"The importance of wealth\", \"The power of love and choice over destiny and ability\", \"The history of England\", \"The value of fashion\"], \n correct: 1, \n explanation: \"Harry Potter's central theme is that love and choice are more powerful than destiny or innate ability.\"\n }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n const ACT_QUESTIONS = [\n { \n text: \"The author of the Harry Potter series is:\", \n options: [\"J.R.R. Tolkien\", \"J.K. Rowling\", \"C.S. Lewis\", \"Philip Pullman\"], \n correct: 1, \n explanation: \"J.K. Rowling wrote the Harry Potter series, published between 1997 and 2007.\"\n },\n { \n text: \"The first book in the Harry Potter series is:\", \n options: [\"Harry Potter and the Chamber of Secrets\", \"Harry Potter and the Philosopher's Stone\", \"Harry Potter and the Prisoner of Azkaban\", \"Harry Potter and the Goblet of Fire\"], \n correct: 1, \n explanation: \"The first book is Harry Potter and the Philosopher's Stone (released as Sorcerer's Stone in the US), published in 1997.\"\n },\n { \n text: \"Harry's father's name is:\", \n options: [\"James Potter\", \"Lily Potter\", \"Sirius Black\", \"Remus Lupin\"], \n correct: 0, \n explanation: \"James Potter is Harry's father, who was murdered by Voldemort along with his wife Lily.\"\n },\n { \n text: \"The name of Harry's owl is:\", \n options: [\"Hedwig\", \"Hermione\", \"Crookshanks\", \"Pigwidgeon\"], \n correct: 0, \n explanation: \"Hedwig is Harry's snowy owl, a gift from Hagrid on his first trip to Diagon Alley.\"\n },\n { \n text: \"The number of books in the main Harry Potter series is:\", \n options: [\"5\", \"6\", \"7\", \"8\"], \n correct: 2, \n explanation: \"There are seven books in the main Harry Potter series, from Philosopher's Stone to Deathly Hallows.\"\n },\n { \n text: \"The character who killed Voldemort ultimately was:\", \n options: [\"Dumbledore\", \"Harry Potter\", \"Neville Longbottom\", \"A combination of efforts\"], \n correct: 1, \n explanation: \"Harry ultimately defeats Voldemort, but he could not have done so without the help of his friends and the sacrifices of others.\"\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 Harry Potter \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 Harry'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 Harry's righteous choices.`;\n if (playerScore >= 400) return ` Strong ${currentMode} readiness! Our choices define us.`;\n return ` Review Harry Potter and try again. It is our choices that show what we truly are.`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\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: Harry Potter \u2014 The Boy Who Chose Love | Righteous Museum Quiz: Harry Potter \u2014 The Boy Who Chose Love Literary Quiz A boy who chose love over hate, proving our choices define us more than our abilities. The Chosen One The Boy Who Chose Love Harry Potter is the protagonist of J.K. Rowling’s […]<\/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-1725","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1725","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=1725"}],"version-history":[{"count":3,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1725\/revisions"}],"predecessor-version":[{"id":1730,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1725\/revisions\/1730"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1725,"date":"2026-07-14T20:35:02","date_gmt":"2026-07-14T20:35:02","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1725"},"modified":"2026-07-14T20:38:35","modified_gmt":"2026-07-14T20:38:35","slug":"quizharry-potter","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/quizharry-potter\/","title":{"rendered":"Quiz:Harry Potter"},"content":{"rendered":"\n\n\n\n \n \n Quiz: Harry Potter \u2014 The Boy Who Chose Love | Righteous Museum<\/title>\n \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-bolt\"><\/i> Quiz: Harry Potter \u2014 The Boy Who Chose Love <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 boy who chose love over hate, proving our choices define us more than our abilities.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-hat-wizard\"><\/i>\n <p><i class=\"fas fa-star\"><\/i> The Chosen One<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-bolt\"><\/i> The Boy Who Chose Love<\/h2>\n <p>Harry Potter is the protagonist of J.K. Rowling’s seven-book fantasy series, published between 1997 and 2007. Orphaned as a baby after his parents were murdered by the dark wizard Lord Voldemort, Harry was raised by his cruel aunt and uncle, the Dursleys, who treated him as a burden. On his eleventh birthday, he discovers the truth: he is a wizard, and he has been accepted to Hogwarts School of Witchcraft and Wizardry.<\/p>\n <p>The series follows Harry’s journey from a lonely, mistreated child to a courageous young wizard who confronts the darkest evil of his world. Harry and Voldemort share many similarities: both are orphans, both have magical abilities, both were raised outside the wizarding world. Yet they make completely different choices. Voldemort chooses power, domination, and fear. Harry chooses love, friendship, and sacrifice.<\/p>\n\n <div class=\"events-grid\">\n <span class=\"event-badge\"><i class=\"fas fa-bolt\"><\/i> Choice<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-heart\"><\/i> Love<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-shield\"><\/i> Sacrifice<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-star\"><\/i> Destiny<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-book\"><\/i> Fantasy<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n <p>Harry Potter’s story forces readers to confront one of the most fundamental questions of righteousness: <strong>What does it mean to be a good person, and how do our choices define us?<\/strong><\/p>\n <p>The series presents a world where good and evil are not determined by birth, blood, or destiny\u2014but by <strong>choice<\/strong>. Characters like Dumbledore, Snape, and Regulus Black are neither purely good nor purely evil. They make mistakes, hold unjustifiable views, and yet ultimately choose redemption. This nuance is central to the series’ moral vision: <strong>good and evil are not fixed states\u2014they are paths we choose, moment by moment.<\/strong><\/p>\n\n <blockquote><i class=\"fas fa-quote-left\"><\/i> “It is our choices, Harry, that show what we truly are, far more than our abilities.” \u2014 Albus Dumbledore<\/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>Our choices define who we are<\/strong> \u2014 Righteousness is not about birth or destiny\u2014it is about choice.<\/li>\n <li><strong>Love is the most powerful force<\/strong> \u2014 Love is not weakness\u2014it is the strongest magic of all.<\/li>\n <li><strong>Rules are not always moral<\/strong> \u2014 Obedience to unjust rules is not righteousness\u2014it is complicity.<\/li>\n <li><strong>Courage is not the absence of fear<\/strong> \u2014 Righteousness requires courage, not fearlessness.<\/li>\n <li><strong>Redemption is possible<\/strong> \u2014 No one is beyond the possibility of change.<\/li>\n <\/ul>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Rowling, J.K. (1997-2007). <em>Harry Potter<\/em> series. Bloomsbury. (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 Harry Potter \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 Harry Potter & 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>Harry Potter<\/em> and its characters are the property of J.K. Rowling and Warner Bros. Entertainment.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== HARRY POTTER QUESTION BANKS ==========\n\n \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n const SAT_QUESTIONS = [\n { \n text: \"Harry Potter's decision to walk into the Forbidden Forest to face Voldemort is most significant as:\", \n options: [\"An act of recklessness\", \"A demonstration of courage and willingness to sacrifice himself for others\", \"A desire for fame\", \"A mistake\"], \n correct: 1, \n explanation: \"Harry's willingness to die for his friends is the culmination of his moral journey\u2014the highest form of righteousness.\"\n },\n { \n text: \"The comparison between Harry and Voldemort is significant because it shows:\", \n options: [\"They are exactly the same\", \"Similar origins lead to opposite paths based on choice\", \"Voldemort was always evil\", \"Harry was always good\"], \n correct: 1, \n explanation: \"Harry and Voldemort share similar backgrounds but make completely different choices\u2014emphasizing the power of choice in determining character.\"\n },\n { \n text: \"Dumbledore's statement 'It is our choices that show what we truly are' emphasizes:\", \n options: [\"The importance of destiny\", \"The centrality of moral choice in defining character\", \"The value of intelligence\", \"The role of luck\"], \n correct: 1, \n explanation: \"Dumbledore's quote is the series' moral core: identity is shaped by choices, not by birth or circumstance.\"\n },\n { \n text: \"Harry's decision to spare Peter Pettigrew's life is significant because it:\", \n options: [\"Shows his weakness\", \"Demonstrates mercy and sets up Pettigrew's future debt to Harry\", \"Was a mistake\", \"Had no consequences\"], \n correct: 1, \n explanation: \"Harry's mercy toward Pettigrew ultimately saves his life, showing that compassion has lasting consequences.\"\n },\n { \n text: \"Snape's character arc demonstrates that:\", \n options: [\"People cannot change\", \"Redemption is possible for even the most flawed characters\", \"Love is irrelevant\", \"Betrayal is always unforgivable\"], \n correct: 1, \n explanation: \"Snape's journey from Death Eater to protector of Harry shows that redemption is possible through love and sacrifice.\"\n },\n { \n text: \"The series' central theme regarding righteousness is that:\", \n options: [\"Power is the only virtue\", \"Love, courage, and choice are the highest forms of righteousness\", \"Destiny determines everything\", \"Rules must always be followed\"], \n correct: 1, \n explanation: \"Harry Potter teaches that love, courage, and the choices we make define us far more than our abilities or circumstances.\"\n }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { \n text: \"The term 'redemption' as used in the context of Harry Potter most nearly means:\", \n options: [\"The act of being punished\", \"The act of being saved from sin or error\", \"The act of gaining wealth\", \"The act of traveling\"], \n correct: 1, \n explanation: \"Characters like Snape and Regulus Black seek redemption through their actions, showing that people can change.\"\n },\n { \n text: \"Harry Potter was raised by:\", \n options: [\"His grandparents\", \"His aunt and uncle, the Dursleys\", \"His godfather Sirius Black\", \"Hogwarts professors\"], \n correct: 1, \n explanation: \"Harry was raised by his aunt and uncle, Vernon and Petunia Dursley, who treated him poorly.\"\n },\n { \n text: \"The 'chosen one' prophecy refers to:\", \n options: [\"Harry's destiny to become a teacher\", \"Harry's destiny to defeat Voldemort\", \"Harry's destiny to become rich\", \"Harry's destiny to leave Hogwarts\"], \n correct: 1, \n explanation: \"Harry is prophesied to defeat Voldemort, but he is 'chosen' because Voldemort chose him\u2014not because he was destined from birth.\"\n },\n { \n text: \"Harry's primary motivation throughout the series is:\", \n options: [\"To gain power\", \"To protect those he loves and defeat Voldemort\", \"To become famous\", \"To leave the wizarding world\"], \n correct: 1, \n explanation: \"Harry is driven by love, loyalty, and the desire to protect others\u2014not by ambition or fame.\"\n },\n { \n text: \"The main setting of the Harry Potter series is:\", \n options: [\"A castle in Scotland\", \"A modern city\", \"A forest\", \"An island\"], \n correct: 0, \n explanation: \"Hogwarts School of Witchcraft and Wizardry, located in Scotland, is the primary setting of the series.\"\n },\n { \n text: \"The series explores which main theme?\", \n options: [\"The importance of wealth\", \"The power of love and choice over destiny and ability\", \"The history of England\", \"The value of fashion\"], \n correct: 1, \n explanation: \"Harry Potter's central theme is that love and choice are more powerful than destiny or innate ability.\"\n }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n const ACT_QUESTIONS = [\n { \n text: \"The author of the Harry Potter series is:\", \n options: [\"J.R.R. Tolkien\", \"J.K. Rowling\", \"C.S. Lewis\", \"Philip Pullman\"], \n correct: 1, \n explanation: \"J.K. Rowling wrote the Harry Potter series, published between 1997 and 2007.\"\n },\n { \n text: \"The first book in the Harry Potter series is:\", \n options: [\"Harry Potter and the Chamber of Secrets\", \"Harry Potter and the Philosopher's Stone\", \"Harry Potter and the Prisoner of Azkaban\", \"Harry Potter and the Goblet of Fire\"], \n correct: 1, \n explanation: \"The first book is Harry Potter and the Philosopher's Stone (released as Sorcerer's Stone in the US), published in 1997.\"\n },\n { \n text: \"Harry's father's name is:\", \n options: [\"James Potter\", \"Lily Potter\", \"Sirius Black\", \"Remus Lupin\"], \n correct: 0, \n explanation: \"James Potter is Harry's father, who was murdered by Voldemort along with his wife Lily.\"\n },\n { \n text: \"The name of Harry's owl is:\", \n options: [\"Hedwig\", \"Hermione\", \"Crookshanks\", \"Pigwidgeon\"], \n correct: 0, \n explanation: \"Hedwig is Harry's snowy owl, a gift from Hagrid on his first trip to Diagon Alley.\"\n },\n { \n text: \"The number of books in the main Harry Potter series is:\", \n options: [\"5\", \"6\", \"7\", \"8\"], \n correct: 2, \n explanation: \"There are seven books in the main Harry Potter series, from Philosopher's Stone to Deathly Hallows.\"\n },\n { \n text: \"The character who killed Voldemort ultimately was:\", \n options: [\"Dumbledore\", \"Harry Potter\", \"Neville Longbottom\", \"A combination of efforts\"], \n correct: 1, \n explanation: \"Harry ultimately defeats Voldemort, but he could not have done so without the help of his friends and the sacrifices of others.\"\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 Harry Potter \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 Harry'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 Harry's righteous choices.`;\n if (playerScore >= 400) return ` Strong ${currentMode} readiness! Our choices define us.`;\n return ` Review Harry Potter and try again. It is our choices that show what we truly are.`;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if (m === '&') return '&';\n if (m === '<') return '<';\n if (m === '>') return '>';\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: Harry Potter \u2014 The Boy Who Chose Love | Righteous Museum Quiz: Harry Potter \u2014 The Boy Who Chose Love Literary Quiz A boy who chose love over hate, proving our choices define us more than our abilities. The Chosen One The Boy Who Chose Love Harry Potter is the protagonist of J.K. Rowling’s […]<\/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-1725","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1725","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=1725"}],"version-history":[{"count":3,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1725\/revisions"}],"predecessor-version":[{"id":1730,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1725\/revisions\/1730"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}