Quiz: Victor Frankenstein \u2014 The Creator and the Abandoned | 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: Victor Frankenstein \u2014 The Creator and the Abandoned <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 creator fled his own creation; abandonment, not monstrosity, became the source of evil.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-skull\"><\/i>\n <p><i class=\"fas fa-flask\"><\/i> The Creation<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-flask\"><\/i> The Creator and the Abandoned<\/h2>\n <p>Victor Frankenstein is the protagonist of Mary Shelley’s masterpiece <em>Frankenstein; or, The Modern Prometheus<\/em>, first published in 1818. A young scientist driven by ambition and the desire for glory, Frankenstein discovers the secret of creating life. He assembles a humanoid being from stolen body parts and brings it to life during an electrical storm. But when the creature opens its eyes, Victor is horrified by what he has made and flees in terror, abandoning his creation.<\/p>\n\n <div class=\"events-grid\">\n <span class=\"event-badge\"><i class=\"fas fa-flask\"><\/i> Creation<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-heart-broken\"><\/i> Abandonment<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-gavel\"><\/i> Responsibility<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-skull\"><\/i> Monstrosity<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-book\"><\/i> Gothic Fiction<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n <p>Victor Frankenstein’s story forces us to confront a foundational question of righteousness: <strong>When we create something\u2014or someone\u2014what is our moral obligation to that creation?<\/strong><\/p>\n <p>Victor’s moral failure is not in creating life\u2014it is in <strong>refusing to take responsibility for that life<\/strong>. He abandons the Creature not once, but repeatedly. When the Creature begs for a companion to end its loneliness, Victor agrees, then destroys the half-finished mate in a fit of fear and disgust. Each act of rejection pushes the Creature further toward violence. The novel ultimately asks: <strong>Does a creator have an inescapable duty to care for what they have brought into existence?<\/strong><\/p>\n\n <blockquote><i class=\"fas fa-quote-left\"><\/i> “I ought to be thy Adam, but I am rather the fallen angel…” \u2014 The Creature to Victor Frankenstein<\/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>Creation carries responsibility<\/strong> \u2014 To bring something into existence is to accept a duty of care toward it.<\/li>\n <li><strong>Abandonment is a form of injustice<\/strong> \u2014 The Creature was not evil at birth\u2014it was made monstrous by rejection.<\/li>\n <li><strong>Ambition without ethics is dangerous<\/strong> \u2014 Scientific progress without moral reflection is a path to destruction.<\/li>\n <li><strong>Justice requires empathy<\/strong> \u2014 True justice requires us to look beyond the surface and understand the other.<\/li>\n <li><strong>Revenge never restores justice<\/strong> \u2014 Revenge does not heal\u2014it only perpetuates suffering.<\/li>\n <\/ul>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Shelley, M. (1818). <em>Frankenstein; or, The Modern Prometheus<\/em>. Lackington, Hughes, Harding, Mavor, & Jones. Public domain.\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 Victor Frankenstein \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 Frankenstein & 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>Frankenstein<\/em> is in the public domain.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== FRANKENSTEIN QUESTION BANKS ==========\n\n \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n const SAT_QUESTIONS = [\n { \n text: \"Victor Frankenstein's decision to abandon his creation immediately after bringing it to life is most significant as:\", \n options: [\"A display of scientific caution\", \"A moral failure of responsibility and compassion\", \"A necessary act of self-preservation\", \"A sign of the Creature's inherent evil\"], \n correct: 1, \n explanation: \"Victor's immediate rejection of the Creature sets the stage for the tragedy\u2014abandonment, not monstrosity, becomes the source of evil.\"\n },\n { \n text: \"The Creature's plea to Victor for a female companion represents:\", \n options: [\"A selfish desire for power\", \"A desperate need for love and connection\", \"A plot to destroy Victor\", \"A scientific experiment\"], \n correct: 1, \n explanation: \"The Creature's request is not for revenge\u2014it is for companionship. Victor's refusal is another act of abandonment.\"\n },\n { \n text: \"Victor's decision to destroy the half-finished female Creature is significant because it:\", \n options: [\"Shows his commitment to science\", \"Represents a betrayal of trust and a refusal to accept responsibility\", \"Proves the Creature is evil\", \"Saves humanity from a race of monsters\"], \n correct: 1, \n explanation: \"Victor breaks his promise to the Creature, which pushes the Creature toward violence and revenge.\"\n },\n { \n text: \"The novel suggests that the Creature was not born evil, but rather:\", \n options: [\"Created evil from the start\", \"Made monstrous by rejection, abandonment, and cruelty\", \"Born with a natural instinct for violence\", \"Controlled by a demonic force\"], \n correct: 1, \n explanation: \"The Creature is born innocent and loving\u2014it becomes monstrous only after repeated rejection and cruelty.\"\n },\n { \n text: \"Victor's pursuit of scientific knowledge without ethical reflection is a warning about:\", \n options: [\"The importance of education\", \"The dangers of unchecked ambition and the neglect of moral responsibility\", \"The value of discovery\", \"The need for government oversight\"], \n correct: 1, \n explanation: \"Victor's story is a cautionary tale about the dangers of pursuing knowledge without considering its ethical implications.\"\n },\n { \n text: \"The novel's central theme regarding righteousness is that:\", \n options: [\"Knowledge is always good\", \"Creators have no responsibility to their creations\", \"Abandonment and neglect are profound moral failures\", \"Revenge is justified\"], \n correct: 2, \n explanation: \"Frankenstein teaches that to bring something into existence is to accept a duty of care\u2014abandonment is a profound injustice.\"\n }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { \n text: \"The term 'abandonment' as used in the context of Frankenstein most nearly means:\", \n options: [\"To forget\", \"To reject and leave behind without care\", \"To embrace\", \"To destroy\"], \n correct: 1, \n explanation: \"Victor abandons the Creature immediately after creating it, refusing any responsibility for its well-being.\"\n },\n { \n text: \"Victor Frankenstein's main motivation for creating life is:\", \n options: [\"To help humanity\", \"To make money\", \"To achieve glory and scientific fame\", \"To destroy his enemies\"], \n correct: 2, \n explanation: \"Victor is driven by ambition and the desire to be remembered as a great scientist\u2014not by compassion.\"\n },\n { \n text: \"The Creature is often described as 'monstrous' because of its:\", \n options: [\"Evil actions\", \"Ugly appearance\", \"Great intelligence\", \"Religious beliefs\"], \n correct: 1, \n explanation: \"The Creature is judged and rejected based on its appearance, not its character\u2014a central critique of the novel.\"\n },\n { \n text: \"Victor's refusal to take responsibility for the Creature results in:\", \n options: [\"His success as a scientist\", \"The death of his family and friends\", \"The Creature becoming his friend\", \"World peace\"], \n correct: 1, \n explanation: \"Victor's rejection of the Creature sets off a chain of events that leads to the deaths of his loved ones.\"\n },\n { \n text: \"Mary Shelley's novel explores which main theme?\", \n options: [\"The importance of wealth\", \"The dangers of scientific ambition without moral responsibility\", \"The history of Europe\", \"The beauty of nature\"], \n correct: 1, \n explanation: \"Frankenstein is a cautionary tale about the dangers of ambition without ethical reflection.\"\n },\n { \n text: \"The Creature's desire for a companion suggests that:\", \n options: [\"It wants to destroy humanity\", \"It seeks love, belonging, and connection\", \"It wants to become a scientist\", \"It seeks revenge on Victor\"], \n correct: 1, \n explanation: \"The Creature's fundamental desire is for love and acceptance\u2014not revenge or destruction.\"\n }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n const ACT_QUESTIONS = [\n { \n text: \"The author of Frankenstein is:\", \n options: [\"Mary Shelley\", \"Percy Shelley\", \"Lord Byron\", \"John Polidori\"], \n correct: 0, \n explanation: \"Mary Shelley wrote Frankenstein, first published anonymously in 1818 when she was just 18 years old.\"\n },\n { \n text: \"The year of Frankenstein's first publication is:\", \n options: [\"1816\", \"1818\", \"1820\", \"1831\"], \n correct: 1, \n explanation: \"Frankenstein was first published in 1818, with a second edition published in 1831.\"\n },\n { \n text: \"Victor Frankenstein was from:\", \n options: [\"England\", \"Geneva, Switzerland\", \"Germany\", \"France\"], \n correct: 1, \n explanation: \"Victor is from Geneva, Switzerland, where the novel begins and ends.\"\n },\n { \n text: \"Victor created the Creature using:\", \n options: [\"Magic\", \"Stolen body parts and science\", \"Clay\", \"Robots\"], \n correct: 1, \n explanation: \"Victor assembles the Creature from stolen body parts and brings it to life using electricity.\"\n },\n { \n text: \"The Creature learned to read and speak by:\", \n options: [\"Attending school\", \"Observing a family from a hiding place\", \"Victor teaching him\", \"Reading books in prison\"], \n correct: 1, \n explanation: \"The Creature learns language and human behavior by secretly observing the De Lacey family.\"\n },\n { \n text: \"The name of Victor's youngest brother who is murdered by the Creature is:\", \n options: [\"Ernest\", \"Henry\", \"William\", \"Alphonse\"], \n correct: 2, \n explanation: \"William Frankenstein, Victor's youngest brother, is the Creature's first victim.\"\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 Victor Frankenstein \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 Frankenstein'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 Victor's moral failure.`;\n if (playerScore >= 400) return ` Strong ${currentMode} readiness! Creation carries responsibility.`;\n return ` Review Frankenstein and try again. Abandonment is a profound injustice.`;\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: Victor Frankenstein \u2014 The Creator and the Abandoned | Righteous Museum Quiz: Victor Frankenstein \u2014 The Creator and the Abandoned Literary Quiz A creator fled his own creation; abandonment, not monstrosity, became the source of evil. The Creation The Creator and the Abandoned Victor Frankenstein is the protagonist of Mary Shelley’s masterpiece Frankenstein; or, […]<\/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-1699","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1699","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=1699"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1699\/revisions"}],"predecessor-version":[{"id":1700,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1699\/revisions\/1700"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1699,"date":"2026-07-14T20:12:37","date_gmt":"2026-07-14T20:12:37","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1699"},"modified":"2026-07-14T20:12:37","modified_gmt":"2026-07-14T20:12:37","slug":"quizvictor-frankenstein-the-creature","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/quizvictor-frankenstein-the-creature\/","title":{"rendered":"Quiz:Victor Frankenstein \/ The Creature"},"content":{"rendered":"\n\n\n\n \n \n Quiz: Victor Frankenstein \u2014 The Creator and the Abandoned | 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: Victor Frankenstein \u2014 The Creator and the Abandoned <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 creator fled his own creation; abandonment, not monstrosity, became the source of evil.<\/p>\n <\/div>\n <div class=\"hero-portrait\">\n <i class=\"fas fa-skull\"><\/i>\n <p><i class=\"fas fa-flask\"><\/i> The Creation<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex-main\">\n <div class=\"article-panel\">\n <h2><i class=\"fas fa-flask\"><\/i> The Creator and the Abandoned<\/h2>\n <p>Victor Frankenstein is the protagonist of Mary Shelley’s masterpiece <em>Frankenstein; or, The Modern Prometheus<\/em>, first published in 1818. A young scientist driven by ambition and the desire for glory, Frankenstein discovers the secret of creating life. He assembles a humanoid being from stolen body parts and brings it to life during an electrical storm. But when the creature opens its eyes, Victor is horrified by what he has made and flees in terror, abandoning his creation.<\/p>\n\n <div class=\"events-grid\">\n <span class=\"event-badge\"><i class=\"fas fa-flask\"><\/i> Creation<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-heart-broken\"><\/i> Abandonment<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-gavel\"><\/i> Responsibility<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-skull\"><\/i> Monstrosity<\/span>\n <span class=\"event-badge\"><i class=\"fas fa-book\"><\/i> Gothic Fiction<\/span>\n <\/div>\n\n <h3><i class=\"fas fa-question-circle\"><\/i> The Righteous Dilemma<\/h3>\n <p>Victor Frankenstein’s story forces us to confront a foundational question of righteousness: <strong>When we create something\u2014or someone\u2014what is our moral obligation to that creation?<\/strong><\/p>\n <p>Victor’s moral failure is not in creating life\u2014it is in <strong>refusing to take responsibility for that life<\/strong>. He abandons the Creature not once, but repeatedly. When the Creature begs for a companion to end its loneliness, Victor agrees, then destroys the half-finished mate in a fit of fear and disgust. Each act of rejection pushes the Creature further toward violence. The novel ultimately asks: <strong>Does a creator have an inescapable duty to care for what they have brought into existence?<\/strong><\/p>\n\n <blockquote><i class=\"fas fa-quote-left\"><\/i> “I ought to be thy Adam, but I am rather the fallen angel…” \u2014 The Creature to Victor Frankenstein<\/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>Creation carries responsibility<\/strong> \u2014 To bring something into existence is to accept a duty of care toward it.<\/li>\n <li><strong>Abandonment is a form of injustice<\/strong> \u2014 The Creature was not evil at birth\u2014it was made monstrous by rejection.<\/li>\n <li><strong>Ambition without ethics is dangerous<\/strong> \u2014 Scientific progress without moral reflection is a path to destruction.<\/li>\n <li><strong>Justice requires empathy<\/strong> \u2014 True justice requires us to look beyond the surface and understand the other.<\/li>\n <li><strong>Revenge never restores justice<\/strong> \u2014 Revenge does not heal\u2014it only perpetuates suffering.<\/li>\n <\/ul>\n\n <div class=\"reference-list\">\n <i class=\"fas fa-book-open\"><\/i> <strong>References:<\/strong> Shelley, M. (1818). <em>Frankenstein; or, The Modern Prometheus<\/em>. Lackington, Hughes, Harding, Mavor, & Jones. Public domain.\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 Victor Frankenstein \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 Frankenstein & 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>Frankenstein<\/em> is in the public domain.\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ ========== FRANKENSTEIN QUESTION BANKS ==========\n\n \/\/ SAT Style \u2014 Analytical, cause\/effect, thematic\n const SAT_QUESTIONS = [\n { \n text: \"Victor Frankenstein's decision to abandon his creation immediately after bringing it to life is most significant as:\", \n options: [\"A display of scientific caution\", \"A moral failure of responsibility and compassion\", \"A necessary act of self-preservation\", \"A sign of the Creature's inherent evil\"], \n correct: 1, \n explanation: \"Victor's immediate rejection of the Creature sets the stage for the tragedy\u2014abandonment, not monstrosity, becomes the source of evil.\"\n },\n { \n text: \"The Creature's plea to Victor for a female companion represents:\", \n options: [\"A selfish desire for power\", \"A desperate need for love and connection\", \"A plot to destroy Victor\", \"A scientific experiment\"], \n correct: 1, \n explanation: \"The Creature's request is not for revenge\u2014it is for companionship. Victor's refusal is another act of abandonment.\"\n },\n { \n text: \"Victor's decision to destroy the half-finished female Creature is significant because it:\", \n options: [\"Shows his commitment to science\", \"Represents a betrayal of trust and a refusal to accept responsibility\", \"Proves the Creature is evil\", \"Saves humanity from a race of monsters\"], \n correct: 1, \n explanation: \"Victor breaks his promise to the Creature, which pushes the Creature toward violence and revenge.\"\n },\n { \n text: \"The novel suggests that the Creature was not born evil, but rather:\", \n options: [\"Created evil from the start\", \"Made monstrous by rejection, abandonment, and cruelty\", \"Born with a natural instinct for violence\", \"Controlled by a demonic force\"], \n correct: 1, \n explanation: \"The Creature is born innocent and loving\u2014it becomes monstrous only after repeated rejection and cruelty.\"\n },\n { \n text: \"Victor's pursuit of scientific knowledge without ethical reflection is a warning about:\", \n options: [\"The importance of education\", \"The dangers of unchecked ambition and the neglect of moral responsibility\", \"The value of discovery\", \"The need for government oversight\"], \n correct: 1, \n explanation: \"Victor's story is a cautionary tale about the dangers of pursuing knowledge without considering its ethical implications.\"\n },\n { \n text: \"The novel's central theme regarding righteousness is that:\", \n options: [\"Knowledge is always good\", \"Creators have no responsibility to their creations\", \"Abandonment and neglect are profound moral failures\", \"Revenge is justified\"], \n correct: 2, \n explanation: \"Frankenstein teaches that to bring something into existence is to accept a duty of care\u2014abandonment is a profound injustice.\"\n }\n ];\n\n \/\/ PSAT Style \u2014 Main idea, vocabulary, simpler inference\n const PSAT_QUESTIONS = [\n { \n text: \"The term 'abandonment' as used in the context of Frankenstein most nearly means:\", \n options: [\"To forget\", \"To reject and leave behind without care\", \"To embrace\", \"To destroy\"], \n correct: 1, \n explanation: \"Victor abandons the Creature immediately after creating it, refusing any responsibility for its well-being.\"\n },\n { \n text: \"Victor Frankenstein's main motivation for creating life is:\", \n options: [\"To help humanity\", \"To make money\", \"To achieve glory and scientific fame\", \"To destroy his enemies\"], \n correct: 2, \n explanation: \"Victor is driven by ambition and the desire to be remembered as a great scientist\u2014not by compassion.\"\n },\n { \n text: \"The Creature is often described as 'monstrous' because of its:\", \n options: [\"Evil actions\", \"Ugly appearance\", \"Great intelligence\", \"Religious beliefs\"], \n correct: 1, \n explanation: \"The Creature is judged and rejected based on its appearance, not its character\u2014a central critique of the novel.\"\n },\n { \n text: \"Victor's refusal to take responsibility for the Creature results in:\", \n options: [\"His success as a scientist\", \"The death of his family and friends\", \"The Creature becoming his friend\", \"World peace\"], \n correct: 1, \n explanation: \"Victor's rejection of the Creature sets off a chain of events that leads to the deaths of his loved ones.\"\n },\n { \n text: \"Mary Shelley's novel explores which main theme?\", \n options: [\"The importance of wealth\", \"The dangers of scientific ambition without moral responsibility\", \"The history of Europe\", \"The beauty of nature\"], \n correct: 1, \n explanation: \"Frankenstein is a cautionary tale about the dangers of ambition without ethical reflection.\"\n },\n { \n text: \"The Creature's desire for a companion suggests that:\", \n options: [\"It wants to destroy humanity\", \"It seeks love, belonging, and connection\", \"It wants to become a scientist\", \"It seeks revenge on Victor\"], \n correct: 1, \n explanation: \"The Creature's fundamental desire is for love and acceptance\u2014not revenge or destruction.\"\n }\n ];\n\n \/\/ ACT Style \u2014 Detail recall, factual accuracy, chronological\n const ACT_QUESTIONS = [\n { \n text: \"The author of Frankenstein is:\", \n options: [\"Mary Shelley\", \"Percy Shelley\", \"Lord Byron\", \"John Polidori\"], \n correct: 0, \n explanation: \"Mary Shelley wrote Frankenstein, first published anonymously in 1818 when she was just 18 years old.\"\n },\n { \n text: \"The year of Frankenstein's first publication is:\", \n options: [\"1816\", \"1818\", \"1820\", \"1831\"], \n correct: 1, \n explanation: \"Frankenstein was first published in 1818, with a second edition published in 1831.\"\n },\n { \n text: \"Victor Frankenstein was from:\", \n options: [\"England\", \"Geneva, Switzerland\", \"Germany\", \"France\"], \n correct: 1, \n explanation: \"Victor is from Geneva, Switzerland, where the novel begins and ends.\"\n },\n { \n text: \"Victor created the Creature using:\", \n options: [\"Magic\", \"Stolen body parts and science\", \"Clay\", \"Robots\"], \n correct: 1, \n explanation: \"Victor assembles the Creature from stolen body parts and brings it to life using electricity.\"\n },\n { \n text: \"The Creature learned to read and speak by:\", \n options: [\"Attending school\", \"Observing a family from a hiding place\", \"Victor teaching him\", \"Reading books in prison\"], \n correct: 1, \n explanation: \"The Creature learns language and human behavior by secretly observing the De Lacey family.\"\n },\n { \n text: \"The name of Victor's youngest brother who is murdered by the Creature is:\", \n options: [\"Ernest\", \"Henry\", \"William\", \"Alphonse\"], \n correct: 2, \n explanation: \"William Frankenstein, Victor's youngest brother, is the Creature's first victim.\"\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 Victor Frankenstein \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 Frankenstein'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 Victor's moral failure.`;\n if (playerScore >= 400) return ` Strong ${currentMode} readiness! Creation carries responsibility.`;\n return ` Review Frankenstein and try again. Abandonment is a profound injustice.`;\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: Victor Frankenstein \u2014 The Creator and the Abandoned | Righteous Museum Quiz: Victor Frankenstein \u2014 The Creator and the Abandoned Literary Quiz A creator fled his own creation; abandonment, not monstrosity, became the source of evil. The Creation The Creator and the Abandoned Victor Frankenstein is the protagonist of Mary Shelley’s masterpiece Frankenstein; or, […]<\/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-1699","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1699","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=1699"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1699\/revisions"}],"predecessor-version":[{"id":1700,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1699\/revisions\/1700"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}