{"id":650,"date":"2026-07-22T16:35:00","date_gmt":"2026-07-22T16:35:00","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=650"},"modified":"2026-07-22T16:35:00","modified_gmt":"2026-07-22T16:35:00","slug":"650-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/650-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>EPJA Quiz: Charles Dickens \u2013 Life &#038; Literature<\/title>\n    <style>\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        body {\n            font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n            line-height: 1.6;\n            color: #2c3e50;\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 20px;\n            background: #f5f0eb;\n        }\n        .card {\n            background: white;\n            padding: 25px 30px;\n            border-radius: 12px;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.12);\n            margin-bottom: 25px;\n            transition: all 0.3s;\n        }\n        .header-img {\n            width: 100%;\n            max-height: 350px;\n            object-fit: cover;\n            border-radius: 10px;\n            margin-bottom: 20px;\n            border: 4px solid #8b6b4d;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        }\n        h1 {\n            color: #4a2c1b;\n            font-size: 2rem;\n            border-bottom: 4px solid #8b6b4d;\n            padding-bottom: 10px;\n            margin-bottom: 15px;\n            font-family: 'Times New Roman', serif;\n        }\n        h2 {\n            color: #4a2c1b;\n            font-size: 1.6rem;\n            margin: 20px 0 10px;\n            font-family: 'Times New Roman', serif;\n        }\n        .subtitle {\n            color: #5d4037;\n            font-size: 1rem;\n            margin-bottom: 5px;\n        }\n        .question {\n            margin-bottom: 25px;\n            padding-bottom: 20px;\n            border-bottom: 2px solid #ede7e0;\n        }\n        .question:last-child {\n            border-bottom: none;\n        }\n        .question p {\n            font-weight: 600;\n            font-size: 1.05rem;\n            margin-bottom: 10px;\n            color: #3e2723;\n        }\n        .options {\n            margin-top: 8px;\n            padding-left: 5px;\n        }\n        .option {\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 8px 14px;\n            border-radius: 8px;\n            transition: background 0.2s;\n            cursor: pointer;\n        }\n        .option:hover {\n            background: #f5ede6;\n        }\n        .option input[type=\"radio\"] {\n            width: 18px;\n            height: 18px;\n            accent-color: #8b6b4d;\n            cursor: pointer;\n            flex-shrink: 0;\n        }\n        .option label {\n            cursor: pointer;\n            font-size: 1rem;\n        }\n        .btn-submit {\n            background: #4a2c1b;\n            color: white;\n            border: none;\n            padding: 14px 32px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s;\n            width: 100%;\n            margin-top: 10px;\n            letter-spacing: 0.5px;\n        }\n        .btn-submit:hover {\n            background: #2c1a0e;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(74, 44, 27, 0.3);\n        }\n        .btn-submit:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            transform: none;\n            box-shadow: none;\n        }\n        .btn-reset {\n            background: #8b6b4d;\n            color: white;\n            border: none;\n            padding: 12px 28px;\n            font-size: 1rem;\n            font-weight: 700;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s;\n            margin-top: 15px;\n            width: 100%;\n        }\n        .btn-reset:hover {\n            background: #6d523a;\n            transform: translateY(-2px);\n        }\n        .result-box {\n            display: none;\n            background: #f8f0e8;\n            border-left: 6px solid #8b6b4d;\n            padding: 20px 25px;\n            margin-top: 25px;\n            border-radius: 8px;\n        }\n        .result-box.show {\n            display: block;\n            animation: fadeIn 0.5s ease;\n        }\n        .remedial-box {\n            display: none;\n            background: #f5ede6;\n            border-left: 6px solid #b8860b;\n            padding: 20px 25px;\n            margin-top: 20px;\n            border-radius: 8px;\n        }\n        .remedial-box.show {\n            display: block;\n            animation: fadeIn 0.5s ease;\n        }\n        .score-display {\n            font-size: 3rem;\n            font-weight: 800;\n            color: #4a2c1b;\n            text-align: center;\n            margin: 10px 0;\n        }\n        .score-display .percentage {\n            color: #8b6b4d;\n        }\n        .grade-display {\n            font-size: 1.8rem;\n            font-weight: 700;\n            text-align: center;\n            background: #4a2c1b;\n            color: white;\n            padding: 10px 20px;\n            border-radius: 50px;\n            display: inline-block;\n            margin: 10px auto;\n        }\n        .badge {\n            display: inline-block;\n            padding: 6px 20px;\n            border-radius: 30px;\n            font-weight: 700;\n            font-size: 1rem;\n            margin: 10px 0;\n        }\n        .badge-excellent { background: #2e7d32; color: white; }\n        .badge-good { background: #f9a825; color: #3e2723; }\n        .badge-fair { background: #e67e22; color: white; }\n        .badge-poor { background: #c62828; color: white; }\n        .remedial-box ul {\n            padding-left: 20px;\n            margin: 10px 0;\n        }\n        .remedial-box li {\n            margin-bottom: 12px;\n            padding: 10px 15px;\n            background: white;\n            border-radius: 8px;\n            list-style: none;\n            border-left: 4px solid #b8860b;\n        }\n        .remedial-box li strong {\n            color: #4a2c1b;\n        }\n        .feedback-text {\n            margin-top: 10px;\n            padding: 10px 15px;\n            background: #faf5f0;\n            border-radius: 6px;\n            font-size: 0.95rem;\n            display: none;\n            border-left: 4px solid #8b6b4d;\n        }\n        .feedback-text.show {\n            display: block;\n        }\n        .question.correct {\n            border-left: 5px solid #2e7d32;\n            padding-left: 15px;\n        }\n        .question.incorrect {\n            border-left: 5px solid #c62828;\n            padding-left: 15px;\n        }\n        .progress-bar-container {\n            width: 100%;\n            background: #e0d6cc;\n            border-radius: 30px;\n            height: 30px;\n            margin: 15px 0;\n            overflow: hidden;\n        }\n        .progress-bar-fill {\n            height: 100%;\n            background: linear-gradient(90deg, #8b6b4d, #b8860b);\n            border-radius: 30px;\n            transition: width 1s ease;\n            width: 0%;\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            padding-right: 12px;\n            font-weight: 700;\n            color: white;\n            font-size: 0.9rem;\n        }\n        .stats-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            gap: 15px;\n            margin: 15px 0;\n        }\n        .stat-item {\n            background: #faf5f0;\n            padding: 12px;\n            border-radius: 8px;\n            text-align: center;\n        }\n        .stat-item .number {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #4a2c1b;\n        }\n        .stat-item .label {\n            font-size: 0.85rem;\n            color: #6d4c41;\n        }\n        .text-center { text-align: center; }\n        .mt-10 { margin-top: 10px; }\n        .mb-10 { margin-bottom: 10px; }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @media (max-width: 600px) {\n            .card { padding: 18px; }\n            h1 { font-size: 1.5rem; }\n            .stats-grid { grid-template-columns: 1fr; }\n            .score-display { font-size: 2.2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================================\n    HEADER WITH IMAGE\n    ============================================================ -->\n    <div class=\"card\">\n        <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/dickens-ss.jpg\" alt=\"Charles Dickens\" class=\"header-img\" onerror=\"this.style.display='none'\">\n        <h1>\ud83d\udcd6 Charles Dickens: Life &#038; Literature<\/h1>\n        <p class=\"subtitle\"><strong>Level:<\/strong> Segundo Ciclo Medio (EPJA) \u2022 3rd &#038; 4th Year<\/p>\n        <p class=\"subtitle\"><strong>Topic:<\/strong> The life, works, and social impact of one of England&#8217;s greatest novelists<\/p>\n        <p class=\"subtitle\"><strong>Questions:<\/strong> 15 multiple-choice \u2022 <strong>Passing score:<\/strong> 60% (Grade 4.0)<\/p>\n    <\/div>\n\n    <!-- ============================================================\n    EVALUATION FORM\n    ============================================================ -->\n    <div class=\"card\" id=\"quiz-card\">\n        <form id=\"quiz-form\">\n\n            <!-- Q1 -->\n            <div class=\"question\" data-q=\"0\">\n                <p><strong>1. In which country was Charles Dickens born?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q1\" value=\"A\"> <label>A) France<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q1\" value=\"B\"> <label>B) England<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q1\" value=\"C\"> <label>C) Scotland<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q1\" value=\"D\"> <label>D) Ireland<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-0\"><\/div>\n            <\/div>\n\n            <!-- Q2 -->\n            <div class=\"question\" data-q=\"1\">\n                <p><strong>2. What was Charles Dickens&#8217; most famous novel, often considered his masterpiece?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q2\" value=\"A\"> <label>A) Oliver Twist<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q2\" value=\"B\"> <label>B) A Tale of Two Cities<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q2\" value=\"C\"> <label>C) Great Expectations<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q2\" value=\"D\"> <label>D) David Copperfield<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-1\"><\/div>\n            <\/div>\n\n            <!-- Q3 -->\n            <div class=\"question\" data-q=\"2\">\n                <p><strong>3. Which novel tells the story of an orphan who escapes from a workhouse and joins a gang of pickpockets?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q3\" value=\"A\"> <label>A) Oliver Twist<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q3\" value=\"B\"> <label>B) Bleak House<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q3\" value=\"C\"> <label>C) The Pickwick Papers<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q3\" value=\"D\"> <label>D) Nicholas Nickleby<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-2\"><\/div>\n            <\/div>\n\n            <!-- Q4 -->\n            <div class=\"question\" data-q=\"3\">\n                <p><strong>4. What was the name of the infamous workhouse that inspired many of Dickens&#8217; stories?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q4\" value=\"A\"> <label>A) London Workhouse<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q4\" value=\"B\"> <label>B) The Poor House<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q4\" value=\"C\"> <label>C) The Debtors&#8217; Prison<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q4\" value=\"D\"> <label>D) The Marshalsea<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-3\"><\/div>\n            <\/div>\n\n            <!-- Q5 -->\n            <div class=\"question\" data-q=\"4\">\n                <p><strong>5. Dickens worked as a child in a factory after his father was imprisoned for debt. What did he do in this job?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q5\" value=\"A\"> <label>A) Shoemaking<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q5\" value=\"B\"> <label>B) Labeling bottles<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q5\" value=\"C\"> <label>C) Printing press<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q5\" value=\"D\"> <label>D) Mining<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-4\"><\/div>\n            <\/div>\n\n            <!-- Q6 -->\n            <div class=\"question\" data-q=\"5\">\n                <p><strong>6. What famous Christmas story did Charles Dickens write in 1843?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q6\" value=\"A\"> <label>A) The Nutcracker<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q6\" value=\"B\"> <label>B) A Christmas Carol<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q6\" value=\"C\"> <label>C) The Gift of the Magi<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q6\" value=\"D\"> <label>D) The Little Match Girl<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-5\"><\/div>\n            <\/div>\n\n            <!-- Q7 -->\n            <div class=\"question\" data-q=\"6\">\n                <p><strong>7. In &#8216;A Christmas Carol&#8217;, what is the name of the miserly main character?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q7\" value=\"A\"> <label>A) Bob Cratchit<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q7\" value=\"B\"> <label>B) Ebenezer Scrooge<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q7\" value=\"C\"> <label>C) Tiny Tim<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q7\" value=\"D\"> <label>D) Jacob Marley<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-6\"><\/div>\n            <\/div>\n\n            <!-- Q8 -->\n            <div class=\"question\" data-q=\"7\">\n                <p><strong>8. What social issue did Dickens frequently highlight in his novels?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q8\" value=\"A\"> <label>A) Climate change<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q8\" value=\"B\"> <label>B) Poverty and child labor<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q8\" value=\"C\"> <label>C) Space exploration<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q8\" value=\"D\"> <label>D) Agricultural reform<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-7\"><\/div>\n            <\/div>\n\n            <!-- Q9 -->\n            <div class=\"question\" data-q=\"8\">\n                <p><strong>9. In which century did Charles Dickens live and write?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q9\" value=\"A\"> <label>A) 17th century<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q9\" value=\"B\"> <label>B) 18th century<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q9\" value=\"C\"> <label>C) 19th century<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q9\" value=\"D\"> <label>D) 20th century<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-8\"><\/div>\n            <\/div>\n\n            <!-- Q10 -->\n            <div class=\"question\" data-q=\"9\">\n                <p><strong>10. Which novel features the character Pip, an orphan who dreams of becoming a gentleman?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q10\" value=\"A\"> <label>A) Great Expectations<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q10\" value=\"B\"> <label>B) David Copperfield<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q10\" value=\"C\"> <label>C) Little Dorrit<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q10\" value=\"D\"> <label>D) Our Mutual Friend<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-9\"><\/div>\n            <\/div>\n\n            <!-- Q11 -->\n            <div class=\"question\" data-q=\"10\">\n                <p><strong>11. Before becoming a full-time writer, what career did Dickens pursue?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q11\" value=\"A\"> <label>A) Lawyer<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q11\" value=\"B\"> <label>B) Journalist<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q11\" value=\"C\"> <label>C) Doctor<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q11\" value=\"D\"> <label>D) Teacher<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-10\"><\/div>\n            <\/div>\n\n            <!-- Q12 -->\n            <div class=\"question\" data-q=\"11\">\n                <p><strong>12. Which novel begins with the famous line: &#8220;It was the best of times, it was the worst of times&#8230;&#8221;?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q12\" value=\"A\"> <label>A) Bleak House<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q12\" value=\"B\"> <label>B) A Tale of Two Cities<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q12\" value=\"C\"> <label>C) Hard Times<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q12\" value=\"D\"> <label>D) The Old Curiosity Shop<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-11\"><\/div>\n            <\/div>\n\n            <!-- Q13 -->\n            <div class=\"question\" data-q=\"12\">\n                <p><strong>13. What was the name of Dickens&#8217; wife, with whom he had 10 children?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q13\" value=\"A\"> <label>A) Catherine Hogarth<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q13\" value=\"B\"> <label>B) Mary Shelley<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q13\" value=\"C\"> <label>C) Jane Austen<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q13\" value=\"D\"> <label>D) Charlotte Bront\u00eb<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-12\"><\/div>\n            <\/div>\n\n            <!-- Q14 -->\n            <div class=\"question\" data-q=\"13\">\n                <p><strong>14. Dickens often published his novels in serial form. What does this mean?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q14\" value=\"A\"> <label>A) They were published as complete books<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q14\" value=\"B\"> <label>B) They were published in monthly or weekly installments<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q14\" value=\"C\"> <label>C) They were only published after his death<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q14\" value=\"D\"> <label>D) They were published in newspapers only<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-13\"><\/div>\n            <\/div>\n\n            <!-- Q15 -->\n            <div class=\"question\" data-q=\"14\">\n                <p><strong>15. Where is Charles Dickens buried?<\/strong><\/p>\n                <div class=\"options\">\n                    <div class=\"option\"><input type=\"radio\" name=\"q15\" value=\"A\"> <label>A) Westminster Abbey<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q15\" value=\"B\"> <label>B) St. Paul&#8217;s Cathedral<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q15\" value=\"C\"> <label>C) Highgate Cemetery<\/label><\/div>\n                    <div class=\"option\"><input type=\"radio\" name=\"q15\" value=\"D\"> <label>D) Canterbury Cathedral<\/label><\/div>\n                <\/div>\n                <div class=\"feedback-text\" id=\"feedback-14\"><\/div>\n            <\/div>\n\n            <button type=\"button\" class=\"btn-submit\" id=\"submitBtn\" onclick=\"calculateResults()\">\u2705 Submit Evaluation<\/button>\n            <button type=\"button\" class=\"btn-reset\" onclick=\"resetQuiz()\">\u27f3 Restart Quiz<\/button>\n        <\/form>\n    <\/div>\n\n    <!-- ============================================================\n    RESULTS BOX\n    ============================================================ -->\n    <div class=\"card result-box\" id=\"resultBox\">\n        <h2>\ud83d\udcca Final Results<\/h2>\n        <div class=\"score-display\">\n            <span class=\"percentage\" id=\"scorePercentage\">0%<\/span>\n        <\/div>\n\n        <div class=\"progress-bar-container\">\n            <div class=\"progress-bar-fill\" id=\"progressBarFill\">0%<\/div>\n        <\/div>\n\n        <div class=\"stats-grid\">\n            <div class=\"stat-item\">\n                <div class=\"number\" id=\"correctCount\">0<\/div>\n                <div class=\"label\">\u2705 Correct<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"number\" id=\"wrongCount\">0<\/div>\n                <div class=\"label\">\u274c Incorrect<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"number\" id=\"unansweredCount\">0<\/div>\n                <div class=\"label\">\u23f3 Unanswered<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"text-center\">\n            <div class=\"grade-display\" id=\"finalGrade\">1.0<\/div>\n            <p style=\"margin-top: 5px; font-size: 0.9rem; color: #6d4c41;\">* Chilean grading scale: 60% = 4.0<\/p>\n        <\/div>\n\n        <div class=\"text-center mt-10\" id=\"badgeContainer\"><\/div>\n    <\/div>\n\n    <!-- ============================================================\n    REMEDIAL BOX\n    ============================================================ -->\n    <div class=\"card remedial-box\" id=\"remedialBox\">\n        <h2>\ud83d\udcda Remedial Recommendations<\/h2>\n        <div id=\"remedialContent\"><\/div>\n    <\/div>\n\n    <script>\n        \/\/ ============================================================\n        \/\/ ANSWER KEY (15 questions)\n        \/\/ ============================================================\n        const ANSWER_KEY = [\n            'B', \/\/ Q1: England\n            'B', \/\/ Q2: A Tale of Two Cities (often considered his masterpiece)\n            'A', \/\/ Q3: Oliver Twist\n            'D', \/\/ Q4: The Marshalsea\n            'B', \/\/ Q5: Labeling bottles (in a boot-blacking factory)\n            'B', \/\/ Q6: A Christmas Carol\n            'B', \/\/ Q7: Ebenezer Scrooge\n            'B', \/\/ Q8: Poverty and child labor\n            'C', \/\/ Q9: 19th century\n            'A', \/\/ Q10: Great Expectations\n            'B', \/\/ Q11: Journalist\n            'B', \/\/ Q12: A Tale of Two Cities\n            'A', \/\/ Q13: Catherine Hogarth\n            'B', \/\/ Q14: Published in monthly or weekly installments\n            'A'  \/\/ Q15: Westminster Abbey\n        ];\n\n        \/\/ ============================================================\n        \/\/ FEEDBACK FOR EACH QUESTION\n        \/\/ ============================================================\n        const FEEDBACK_DATA = [\n            \"Charles Dickens was born in Portsmouth, England, on February 7, 1812.\",\n            \"'A Tale of Two Cities' is often considered Dickens' masterpiece, set during the French Revolution.\",\n            \"Oliver Twist tells the story of a young orphan who escapes a workhouse and joins Fagin's gang of pickpockets.\",\n            \"The Marshalsea debtors' prison in London inspired many of Dickens' stories; his own father was imprisoned there.\",\n            \"At age 12, Dickens worked at Warren's Blacking Factory, labeling bottles of shoe polish.\",\n            \"Dickens wrote 'A Christmas Carol' in 1843 to highlight the plight of the poor in Victorian England.\",\n            \"Ebenezer Scrooge is the miserly protagonist of 'A Christmas Carol' who transforms after being visited by ghosts.\",\n            \"Dickens used his novels to expose the harsh realities of poverty, child labor, and social injustice.\",\n            \"Dickens lived from 1812 to 1870, writing during the Victorian era of the 19th century.\",\n            \"Pip is the protagonist of 'Great Expectations', a poor orphan who dreams of becoming a gentleman.\",\n            \"Before becoming a novelist, Dickens worked as a journalist, reporting on parliamentary debates.\",\n            \"'A Tale of Two Cities' opens with this famous line, contrasting the best and worst of times.\",\n            \"Dickens married Catherine Hogarth in 1836; they had 10 children together.\",\n            \"Dickens published his novels in serial form (monthly or weekly installments) to reach a wider audience.\",\n            \"Charles Dickens was buried in Westminster Abbey's Poets' Corner in 1870.\"\n        ];\n\n        \/\/ ============================================================\n        \/\/ CATEGORIES FOR REMEDIALS\n        \/\/ ============================================================\n        const CATEGORIES = [\n            'Biography',    \/\/ Q1\n            'Literature',   \/\/ Q2\n            'Literature',   \/\/ Q3\n            'Biography',    \/\/ Q4\n            'Biography',    \/\/ Q5\n            'Literature',   \/\/ Q6\n            'Literature',   \/\/ Q7\n            'Social Themes',\/\/ Q8\n            'Biography',    \/\/ Q9\n            'Literature',   \/\/ Q10\n            'Biography',    \/\/ Q11\n            'Literature',   \/\/ Q12\n            'Biography',    \/\/ Q13\n            'Literature',   \/\/ Q14\n            'Biography'     \/\/ Q15\n        ];\n\n        \/\/ ============================================================\n        \/\/ CALCULATE RESULTS\n        \/\/ ============================================================\n        function calculateResults() {\n            const questions = document.querySelectorAll('.question');\n            let correct = 0;\n            let incorrect = 0;\n            let unanswered = 0;\n            const userAnswers = [];\n            const results = [];\n\n            for (let i = 0; i < questions.length; i++) {\n                const q = questions[i];\n                const radios = q.querySelectorAll('input[type=\"radio\"]');\n                let selected = null;\n                for (const radio of radios) {\n                    if (radio.checked) {\n                        selected = radio.value;\n                        break;\n                    }\n                }\n                userAnswers.push(selected);\n\n                if (selected === null) {\n                    unanswered++;\n                    results.push({ correct: false, answered: false });\n                } else if (selected === ANSWER_KEY[i]) {\n                    correct++;\n                    results.push({ correct: true, answered: true });\n                } else {\n                    incorrect++;\n                    results.push({ correct: false, answered: true });\n                }\n            }\n\n            const total = questions.length;\n            const percentage = Math.round((correct \/ total) * 100);\n\n            let grade = 1.0;\n            if (percentage >= 60) {\n                grade = 1 + (percentage - 60) * (6 \/ 40);\n                grade = Math.round(grade * 10) \/ 10;\n            } else {\n                grade = Math.round((1 + (percentage \/ 60) * 3) * 10) \/ 10;\n            }\n            if (grade > 7.0) grade = 7.0;\n            if (grade < 1.0) grade = 1.0;\n\n            document.getElementById('scorePercentage').textContent = percentage + '%';\n            document.getElementById('correctCount').textContent = correct;\n            document.getElementById('wrongCount').textContent = incorrect;\n            document.getElementById('unansweredCount').textContent = unanswered;\n            document.getElementById('finalGrade').textContent = grade.toFixed(1);\n\n            setTimeout(() => {\n                const bar = document.getElementById('progressBarFill');\n                bar.style.width = percentage + '%';\n                bar.textContent = percentage + '%';\n            }, 200);\n\n            const badgeContainer = document.getElementById('badgeContainer');\n            let badgeHtml = '';\n            if (percentage >= 80) {\n                badgeHtml = '<span class=\"badge badge-excellent\">\ud83c\udfc6 Excellent \u2013 Outstanding achievement!<\/span>';\n            } else if (percentage >= 60) {\n                badgeHtml = '<span class=\"badge badge-good\">\ud83d\udc4d Good \u2013 You\\'re on the right track!<\/span>';\n            } else if (percentage >= 40) {\n                badgeHtml = '<span class=\"badge badge-fair\">\ud83d\udcd6 Fair \u2013 Keep practicing!<\/span>';\n            } else {\n                badgeHtml = '<span class=\"badge badge-poor\">\ud83d\udd04 Needs improvement \u2013 Review the material!<\/span>';\n            }\n            badgeContainer.innerHTML = badgeHtml;\n\n            document.getElementById('resultBox').classList.add('show');\n\n            for (let i = 0; i < questions.length; i++) {\n                const q = questions[i];\n                const feedbackDiv = document.getElementById('feedback-' + i);\n                const isCorrect = (userAnswers[i] === ANSWER_KEY[i]);\n\n                if (userAnswers[i] !== null) {\n                    q.classList.remove('correct', 'incorrect');\n                    q.classList.add(isCorrect ? 'correct' : 'incorrect');\n                }\n\n                let feedbackText = '';\n                if (userAnswers[i] === null) {\n                    feedbackText = `\u23f3 <strong>Unanswered:<\/strong> ${FEEDBACK_DATA[i]}`;\n                } else if (isCorrect) {\n                    feedbackText = `\u2705 <strong>Correct:<\/strong> ${FEEDBACK_DATA[i]}`;\n                } else {\n                    feedbackText = `\u274c <strong>Incorrect.<\/strong> The correct answer was <strong>${ANSWER_KEY[i]}<\/strong>. ${FEEDBACK_DATA[i]}`;\n                }\n                feedbackDiv.innerHTML = feedbackText;\n                feedbackDiv.classList.add('show');\n            }\n\n            generateRemedials(results, userAnswers);\n            document.getElementById('remedialBox').classList.add('show');\n\n            document.getElementById('submitBtn').disabled = true;\n            document.getElementById('submitBtn').textContent = '\u2705 Evaluation Completed';\n\n            document.getElementById('resultBox').scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n\n        \/\/ ============================================================\n        \/\/ GENERATE REMEDIALS\n        \/\/ ============================================================\n        function generateRemedials(results, userAnswers) {\n            const total = results.length;\n            const correctCount = results.filter(r => r.correct && r.answered).length;\n            const incorrectIndices = [];\n            const unansweredIndices = [];\n            const categoryErrors = {};\n\n            for (let i = 0; i < results.length; i++) {\n                if (!results[i].answered) {\n                    unansweredIndices.push(i);\n                } else if (!results[i].correct) {\n                    incorrectIndices.push(i);\n                    const cat = CATEGORIES[i] || 'General';\n                    if (!categoryErrors[cat]) categoryErrors[cat] = 0;\n                    categoryErrors[cat]++;\n                }\n            }\n\n            let remedialHtml = '<ul>';\n            const percentage = Math.round((correctCount \/ total) * 100);\n\n            if (percentage >= 80) {\n                remedialHtml += `<li><strong>\ud83c\udf1f Excellent Performance!<\/strong> You have a deep understanding of Charles Dickens' life and works. To go further, consider reading some of his lesser-known novels like 'Bleak House' or 'Our Mutual Friend.'<\/li>`;\n            } else if (percentage >= 60) {\n                remedialHtml += `<li><strong>\ud83d\udcc8 Good Performance!<\/strong> You have a solid foundation. Review the questions you missed and pay attention to the dates and key details in the feedback.<\/li>`;\n            } else if (percentage >= 40) {\n                remedialHtml += `<li><strong>\ud83d\udcd6 Keep Practicing!<\/strong> Focus on the most famous works: 'Oliver Twist', 'A Christmas Carol', 'Great Expectations', and 'A Tale of Two Cities.'<\/li>`;\n            } else {\n                remedialHtml += `<li><strong>\ud83d\udd01 Review the Fundamentals.<\/strong> Start with the basic facts: Dickens' country of birth, the century he lived in, and his most famous characters. Then explore his social commentary.<\/li>`;\n            }\n\n            const weakCategories = Object.keys(categoryErrors).filter(cat => categoryErrors[cat] >= 2);\n            if (weakCategories.length > 0) {\n                remedialHtml += `<li><strong>\ud83c\udfaf Focus on these areas:<\/strong> ${weakCategories.join(', ')}. Review the feedback for these questions to strengthen your understanding.<\/li>`;\n            }\n\n            if (incorrectIndices.length > 0) {\n                const qNumbers = incorrectIndices.map(i => i + 1).join(', ');\n                remedialHtml += `<li><strong>\ud83d\udccc Review these specific questions:<\/strong> #${qNumbers}. Read the feedback carefully and note the correct answers.<\/li>`;\n            }\n\n            if (unansweredIndices.length > 0) {\n                const qNumbers = unansweredIndices.map(i => i + 1).join(', ');\n                remedialHtml += `<li><strong>\u23f3 You left questions unanswered:<\/strong> #${qNumbers}. Make sure to answer all questions in future evaluations.<\/li>`;\n            }\n\n            if (percentage < 60) {\n                remedialHtml += `<li><strong>\ud83d\udcda Recommended resources:<\/strong>\n                    <ul style=\"margin-top:8px; padding-left:20px;\">\n                        <li>Watch film adaptations of Dickens' novels (e.g., 'Oliver Twist', 'Great Expectations')<\/li>\n                        <li>Read simplified versions of his novels (graded readers)<\/li>\n                        <li>Visit the Charles Dickens Museum website for biographical information<\/li>\n                    <\/ul>\n                <\/li>`;\n            } else {\n                remedialHtml += `<li><strong>\ud83d\udcda To go further:<\/strong> Explore Dickens' role as a social reformer. Read about the Victorian era and how his novels influenced child labor laws and education reform.<\/li>`;\n            }\n\n            remedialHtml += '<\/ul>';\n            document.getElementById('remedialContent').innerHTML = remedialHtml;\n        }\n\n        \/\/ ============================================================\n        \/\/ RESET QUIZ\n        \/\/ ============================================================\n        function resetQuiz() {\n            const radios = document.querySelectorAll('input[type=\"radio\"]');\n            radios.forEach(radio => radio.checked = false);\n\n            const questions = document.querySelectorAll('.question');\n            questions.forEach(q => q.classList.remove('correct', 'incorrect'));\n\n            const feedbacks = document.querySelectorAll('.feedback-text');\n            feedbacks.forEach(f => {\n                f.classList.remove('show');\n                f.innerHTML = '';\n            });\n\n            document.getElementById('resultBox').classList.remove('show');\n            document.getElementById('remedialBox').classList.remove('show');\n            document.getElementById('progressBarFill').style.width = '0%';\n            document.getElementById('progressBarFill').textContent = '0%';\n\n            document.getElementById('submitBtn').disabled = false;\n            document.getElementById('submitBtn').textContent = '\u2705 Submit Evaluation';\n\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Enter' && !document.getElementById('submitBtn').disabled) {\n                calculateResults();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>EPJA Quiz: Charles Dickens \u2013 Life &#038; Literature \ud83d\udcd6 Charles Dickens: Life &#038; Literature Level: Segundo Ciclo Medio (EPJA) \u2022 3rd &#038; 4th Year Topic: The life, works, and social impact of one of England&#8217;s greatest novelists Questions: 15 multiple-choice \u2022 Passing score: 60% (Grade 4.0) 1. In which country was Charles Dickens born? A) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=650"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/650\/revisions"}],"predecessor-version":[{"id":651,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/650\/revisions\/651"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}