{"id":610,"date":"2026-07-22T00:56:01","date_gmt":"2026-07-22T00:56:01","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=610"},"modified":"2026-07-22T00:56:01","modified_gmt":"2026-07-22T00:56:01","slug":"610-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/610-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>Quiz: Chile &#8211; Education, Employment &#038; Income<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f0f2f5;\n            padding: 20px;\n            color: #1a202c;\n        }\n        \n        .quiz-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            background: #ffffff;\n            padding: 35px 45px;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.12);\n        }\n        \n        .header {\n            text-align: center;\n            border-bottom: 4px solid #2b6cb0;\n            padding-bottom: 20px;\n            margin-bottom: 25px;\n        }\n        \n        .header .header-image {\n            width: 100%;\n            max-width: 700px;\n            height: auto;\n            border-radius: 8px;\n            margin-bottom: 15px;\n            display: block;\n            margin-left: auto;\n            margin-right: auto;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            border: 1px solid #e2e8f0;\n        }\n        \n        .header h1 {\n            font-size: 28px;\n            color: #1a365d;\n            letter-spacing: 1px;\n        }\n        \n        .header h2 {\n            font-size: 17px;\n            color: #4a5568;\n            font-weight: normal;\n            margin-top: 5px;\n        }\n        \n        .header .subtitle {\n            background: #ebf8ff;\n            display: inline-block;\n            padding: 4px 18px;\n            border-radius: 20px;\n            font-size: 13px;\n            color: #2b6cb0;\n            font-weight: 600;\n            margin-top: 8px;\n        }\n        \n        .data-summary {\n            background: #f7fafc;\n            padding: 15px 20px;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n            margin-bottom: 25px;\n            font-size: 14px;\n            line-height: 1.8;\n            color: #2d3748;\n        }\n        \n        .data-summary strong {\n            color: #2b6cb0;\n        }\n        \n        .data-summary .highlight-box {\n            background: #ebf8ff;\n            padding: 8px 15px;\n            border-radius: 6px;\n            border-left: 4px solid #2b6cb0;\n            margin: 8px 0;\n        }\n        \n        .student-info {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px;\n            margin: 20px 0 25px 0;\n            padding: 15px 20px;\n            background: #f7fafc;\n            border-radius: 8px;\n            border: 1px dashed #cbd5e0;\n            flex-wrap: wrap;\n        }\n        \n        .student-info .field {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .student-info label {\n            font-weight: 600;\n            font-size: 13px;\n            color: #4a5568;\n            display: block;\n            margin-bottom: 3px;\n        }\n        \n        .student-info input {\n            width: 100%;\n            padding: 6px 10px;\n            border: 2px solid #cbd5e0;\n            border-radius: 4px;\n            font-size: 14px;\n            font-family: inherit;\n            background: white;\n        }\n        \n        .student-info input:focus {\n            outline: none;\n            border-color: #2b6cb0;\n        }\n        \n        .section-title {\n            background: #2b6cb0;\n            color: #fff;\n            padding: 10px 20px;\n            border-radius: 6px;\n            font-size: 17px;\n            font-weight: 700;\n            margin: 25px 0 15px 0;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .section-title .badge {\n            background: rgba(255,255,255,0.25);\n            padding: 2px 14px;\n            border-radius: 20px;\n            font-size: 13px;\n            font-weight: 600;\n        }\n        \n        .section-instructions {\n            background: #edf2f7;\n            padding: 8px 16px;\n            border-left: 4px solid #3182ce;\n            margin-bottom: 15px;\n            font-size: 14px;\n            color: #2d3748;\n            border-radius: 0 4px 4px 0;\n        }\n        \n        .question-block {\n            padding: 12px 0;\n            border-bottom: 1px solid #edf2f7;\n        }\n        \n        .question-block .q-text {\n            font-weight: 600;\n            font-size: 15px;\n            margin-bottom: 8px;\n            color: #1a365d;\n        }\n        \n        .question-block .options {\n            padding-left: 20px;\n        }\n        \n        .question-block .options label {\n            display: block;\n            padding: 4px 0;\n            cursor: pointer;\n            font-size: 14px;\n            transition: background 0.2s;\n            border-radius: 4px;\n            padding-left: 8px;\n        }\n        \n        .question-block .options label:hover {\n            background: #f0f4f8;\n        }\n        \n        .question-block .options input[type=\"radio\"] {\n            transform: scale(1.15);\n            margin-right: 10px;\n            cursor: pointer;\n            accent-color: #2b6cb0;\n        }\n        \n        .question-block .options .letter {\n            font-weight: 700;\n            color: #2b6cb0;\n            min-width: 22px;\n            display: inline-block;\n        }\n        \n        .btn-submit {\n            display: block;\n            width: 100%;\n            max-width: 280px;\n            margin: 35px auto 20px;\n            background: #2f855a;\n            color: white;\n            border: none;\n            padding: 14px 20px;\n            border-radius: 6px;\n            font-size: 18px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: background 0.2s;\n            text-align: center;\n        }\n        \n        .btn-submit:hover {\n            background: #22543d;\n        }\n        \n        #results-card {\n            display: none;\n            margin-top: 30px;\n            padding: 25px;\n            border-radius: 12px;\n            text-align: center;\n        }\n        \n        .pass {\n            background: #c6f6d5;\n            border: 2px solid #38a169;\n            color: #22543d;\n        }\n        \n        .fail {\n            background: #fed7d7;\n            border: 2px solid #e53e3e;\n            color: #742a2a;\n        }\n        \n        .score-title {\n            font-size: 24px;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        \n        .score-details {\n            font-size: 17px;\n        }\n        \n        .score-details .big-number {\n            font-size: 32px;\n            font-weight: 700;\n            display: block;\n            margin: 10px 0;\n        }\n        \n        .summary-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n            margin: 15px auto;\n            max-width: 400px;\n        }\n        \n        .summary-grid .item {\n            background: #f7fafc;\n            padding: 12px;\n            border-radius: 6px;\n            border: 1px solid #e2e8f0;\n        }\n        \n        .summary-grid .item .number {\n            font-size: 22px;\n            font-weight: 700;\n        }\n        \n        .summary-grid .item .label {\n            font-size: 12px;\n            color: #718096;\n        }\n        \n        .summary-grid .item.correct .number { color: #38a169; }\n        .summary-grid .item.incorrect .number { color: #e53e3e; }\n        .summary-grid .item.total .number { color: #2b6cb0; }\n        \n        .footer {\n            margin-top: 35px;\n            padding-top: 15px;\n            border-top: 2px solid #e2e8f0;\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #718096;\n            flex-wrap: wrap;\n        }\n        \n        .version-badge {\n            background: #edf2f7;\n            padding: 2px 12px;\n            border-radius: 12px;\n            font-size: 11px;\n            color: #718096;\n            display: inline-block;\n            margin-bottom: 5px;\n        }\n        \n        @media (max-width: 700px) {\n            .quiz-container { padding: 15px; }\n            .student-info { flex-direction: column; }\n            .header h1 { font-size: 20px; }\n            .summary-grid { grid-template-columns: 1fr; }\n            .data-summary { padding: 12px; font-size: 13px; }\n            .question-block .options label { font-size: 13px; }\n        }\n        \n        @media print {\n            body { background: white; padding: 0; }\n            .quiz-container { box-shadow: none; padding: 20px 30px; border-radius: 0; }\n            .btn-submit { display: none !important; }\n            #results-card { display: block !important; }\n            .student-info input { border: 2px solid #a0aec0; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"quiz-container\" id=\"quiz-content\">\n        \n        <!-- ===== HEADER ===== -->\n        <div class=\"header\">\n            <!-- Imagen actualizada -->\n            <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/descarga-9.jpg\" alt=\"Chile: Education, Employment &#038; Income Infographic\" class=\"header-image\" onerror=\"this.style.display='none'\">\n            <h1>READING QUIZ<\/h1>\n            <h2>Chile: Education, Employment &amp; Income<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 20 Exercises \u00b7 Data Analysis &amp; Comprehension<\/span>\n            <div style=\"margin-top:5px;\">\n                <span class=\"version-badge\" id=\"versionBadge\">Version: Loading&#8230;<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- ===== STUDENT INFO ===== -->\n        <div class=\"student-info\">\n            <div class=\"field\">\n                <label>\ud83d\udc64 Full Name:<\/label>\n                <input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\">\n            <\/div>\n            <div class=\"field\">\n                <label>\ud83d\udcc5 Date:<\/label>\n                <input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\">\n            <\/div>\n            <div class=\"field\">\n                <label>\ud83d\udcda Course \/ Level:<\/label>\n                <input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\">\n            <\/div>\n        <\/div>\n\n        <!-- ===== DATA SUMMARY ===== -->\n        <div class=\"data-summary\">\n            <h3 style=\"color:#1a365d; margin-bottom:8px; font-size:17px;\">\ud83d\udcca Chile: Education, Employment &amp; Income (2024 Est.)<\/h3>\n            <p>\n                <strong>Population by Education Level (Aged 25-64):<\/strong><br>\n                \u2022 <strong>5%<\/strong> Post-Graduate (Master\/PhD)<br>\n                \u2022 <strong>25%<\/strong> Higher Education (University\/Technical)<br>\n                \u2022 <strong>55%<\/strong> Secondary Completed (High School)<br>\n                \u2022 <strong>15%<\/strong> Primary or Less\n            <\/p>\n            <div class=\"highlight-box\">\n                <strong>\ud83d\udca1 Key Data:<\/strong><br>\n                \u2022 <strong>Higher Education<\/strong> earners make ~112% more than Secondary.<br>\n                \u2022 <strong>Average Salary:<\/strong> Primary ($800k CLP) \u2192 Secondary \u2192 Higher Ed ($2.6M CLP) \u2192 Post-Grad ($4.8M CLP)\n            <\/div>\n            <p>\n                <strong>Top Demanded Professions:<\/strong><br>\n                \u2022 <strong>Mining Engineering:<\/strong> $3.5M+ CLP \u00b7 High Demand<br>\n                \u2022 <strong>Computer Science &amp; IT:<\/strong> $2.8M CLP \u00b7 Rapid Growth<br>\n                \u2022 <strong>Medicine:<\/strong> $3.5M+ CLP \u00b7 Highest Stability<br>\n                \u2022 <strong>Finance &amp; Economics:<\/strong> $4.2M+ CLP<br>\n                \u2022 <strong>Advanced Manufacturing:<\/strong> $3.0M+ CLP<br>\n                \u2022 <strong>Data Science &amp; AI:<\/strong> $5.0M+ CLP\n            <\/p>\n            <p style=\"font-size:12px; color:#718096; margin-top:8px;\">\n                Source: Estimated based on INE &amp; OECD data.\n            <\/p>\n        <\/div>\n\n        <!-- ===== FORM ===== -->\n        <form id=\"quizForm\" novalidate>\n            \n            <!-- ============================================================ -->\n            <!-- SECTION: MULTIPLE CHOICE (20 exercises) -->\n            <!-- ============================================================ -->\n            <div class=\"section-title\">\n                <span>READING COMPREHENSION &amp; DATA ANALYSIS<\/span>\n                <span class=\"badge\">20 Exercises<\/span>\n            <\/div>\n            <div class=\"section-instructions\">\n                <strong>Instructions:<\/strong> Read the infographic and data summary carefully. Choose the best answer (A, B, C, or D) based on the information provided.\n            <\/div>\n\n            <div id=\"questions-container\">\n                <!-- Generado por JavaScript -->\n            <\/div>\n\n            <!-- ===== SUBMIT BUTTON ===== -->\n            <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit &amp; Get Results<\/button>\n        <\/form>\n\n        <!-- ===== RESULTS ===== -->\n        <div id=\"results-card\">\n            <div class=\"score-title\" id=\"scoreTitle\"><\/div>\n            <div class=\"score-details\" id=\"scoreDetails\"><\/div>\n            <div class=\"summary-grid\">\n                <div class=\"item correct\">\n                    <div class=\"number\" id=\"correctCount\">0<\/div>\n                    <div class=\"label\">\u2705 Correct<\/div>\n                <\/div>\n                <div class=\"item incorrect\">\n                    <div class=\"number\" id=\"incorrectCount\">0<\/div>\n                    <div class=\"label\">\u274c Incorrect<\/div>\n                <\/div>\n                <div class=\"item total\">\n                    <div class=\"number\">20<\/div>\n                    <div class=\"label\">\ud83d\udccb Total Questions<\/div>\n                <\/div>\n            <\/div>\n            <div style=\"font-size:14px; color:#718096; margin-top:8px;\" id=\"studentSummary\"><\/div>\n        <\/div>\n\n        <!-- ===== FOOTER ===== -->\n        <div class=\"footer\">\n            <span>\ud83d\udcca Chile: Education, Employment &#038; Income &#8211; Reading Quiz<\/span>\n            <span>\ud83d\udcda EPJA &#8211; English Class<\/span>\n            <span>\ud83d\udccb Total: 20 Exercises<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ ================================================================\n        \/\/ QUESTION BANK (20 preguntas) - Se mezclan en cada carga\n        \/\/ ================================================================\n        const questionBank = [\n            {\n                id: 'q1',\n                stem: 'What percentage of the population has Secondary education completed?',\n                options: ['25%', '55%', '15%', '5%'],\n                correct: '55%'\n            },\n            {\n                id: 'q2',\n                stem: 'What percentage of the population has Higher Education?',\n                options: ['55%', '15%', '25%', '5%'],\n                correct: '25%'\n            },\n            {\n                id: 'q3',\n                stem: 'What is the average salary for Primary education level?',\n                options: ['$2.6M CLP', '$4.8M CLP', '$800k CLP', '$1.2M CLP'],\n                correct: '$800k CLP'\n            },\n            {\n                id: 'q4',\n                stem: 'How much more do Higher Education earners make compared to Secondary?',\n                options: ['~50% more', '~112% more', '~200% more', '~75% more'],\n                correct: '~112% more'\n            },\n            {\n                id: 'q5',\n                stem: 'What is the average salary for Post-Graduate level?',\n                options: ['$2.6M CLP', '$4.8M CLP', '$800k CLP', '$3.5M CLP'],\n                correct: '$4.8M CLP'\n            },\n            {\n                id: 'q6',\n                stem: 'Which profession has the highest average salary listed?',\n                options: ['Medicine', 'Data Science & AI', 'Mining Engineering', 'Finance & Economics'],\n                correct: 'Data Science & AI'\n            },\n            {\n                id: 'q7',\n                stem: 'What is the average salary for Data Science & AI?',\n                options: ['$3.5M+ CLP', '$4.2M+ CLP', '$5.0M+ CLP', '$2.8M CLP'],\n                correct: '$5.0M+ CLP'\n            },\n            {\n                id: 'q8',\n                stem: 'Which profession has the highest stability according to the data?',\n                options: ['Mining Engineering', 'Computer Science & IT', 'Medicine', 'Finance & Economics'],\n                correct: 'Medicine'\n            },\n            {\n                id: 'q9',\n                stem: 'What is the average salary for Mining Engineering?',\n                options: ['$3.5M+ CLP', '$2.8M CLP', '$4.2M+ CLP', '$3.0M+ CLP'],\n                correct: '$3.5M+ CLP'\n            },\n            {\n                id: 'q10',\n                stem: 'Which profession is described as having \"Rapid Growth\"?',\n                options: ['Medicine', 'Advanced Manufacturing', 'Computer Science & IT', 'Finance & Economics'],\n                correct: 'Computer Science & IT'\n            },\n            {\n                id: 'q11',\n                stem: 'What is the average salary for Finance & Economics?',\n                options: ['$3.5M+ CLP', '$4.2M+ CLP', '$2.8M CLP', '$3.0M+ CLP'],\n                correct: '$4.2M+ CLP'\n            },\n            {\n                id: 'q12',\n                stem: 'What percentage of the population has Primary or less education?',\n                options: ['55%', '25%', '15%', '5%'],\n                correct: '15%'\n            },\n            {\n                id: 'q13',\n                stem: 'What is the average salary for Higher Education level?',\n                options: ['$800k CLP', '$2.6M CLP', '$4.8M CLP', '$3.5M CLP'],\n                correct: '$2.6M CLP'\n            },\n            {\n                id: 'q14',\n                stem: 'Which profession is related to \"AI Research, Big Data\"?',\n                options: ['Computer Science & IT', 'Data Science & AI', 'Advanced Manufacturing', 'Finance & Economics'],\n                correct: 'Data Science & AI'\n            },\n            {\n                id: 'q15',\n                stem: 'What is the average salary for Advanced Manufacturing?',\n                options: ['$3.0M+ CLP', '$2.8M CLP', '$3.5M+ CLP', '$4.2M+ CLP'],\n                correct: '$3.0M+ CLP'\n            },\n            {\n                id: 'q16',\n                stem: 'Which profession is described as \"Key Industry\" and \"High Demand\"?',\n                options: ['Mining Engineering', 'Computer Science & IT', 'Medicine', 'Data Science & AI'],\n                correct: 'Mining Engineering'\n            },\n            {\n                id: 'q17',\n                stem: 'What percentage of the population has Post-Graduate education?',\n                options: ['25%', '15%', '5%', '55%'],\n                correct: '5%'\n            },\n            {\n                id: 'q18',\n                stem: 'Which profession is related to \"Corporate Strategy, Analysis\"?',\n                options: ['Finance & Economics', 'Advanced Manufacturing', 'Data Science & AI', 'Computer Science & IT'],\n                correct: 'Finance & Economics'\n            },\n            {\n                id: 'q19',\n                stem: 'What is the average salary for Computer Science & IT?',\n                options: ['$3.5M+ CLP', '$2.8M CLP', '$4.2M+ CLP', '$3.0M+ CLP'],\n                correct: '$2.8M CLP'\n            },\n            {\n                id: 'q20',\n                stem: 'What is the main source of the data shown?',\n                options: ['World Bank', 'INE & OECD', 'IMF', 'UNESCO'],\n                correct: 'INE & OECD'\n            }\n        ];\n\n        \/\/ ================================================================\n        \/\/ SHUFFLE FUNCTION (Fisher-Yates)\n        \/\/ ================================================================\n        function shuffleArray(arr) {\n            for (let i = arr.length - 1; i > 0; i--) {\n                const j = Math.floor(Math.random() * (i + 1));\n                [arr[i], arr[j]] = [arr[j], arr[i]];\n            }\n            return arr;\n        }\n\n        \/\/ ================================================================\n        \/\/ GENERATE VERSION ID\n        \/\/ ================================================================\n        function generateVersionId() {\n            const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';\n            let result = '';\n            for (let i = 0; i < 6; i++) {\n                result += chars.charAt(Math.floor(Math.random() * chars.length));\n            }\n            return result;\n        }\n\n        \/\/ ================================================================\n        \/\/ BUILD THE QUIZ - PREGUNTAS Y OPCIONES MEZCLADAS\n        \/\/ ================================================================\n        function buildQuiz() {\n            const container = document.getElementById('questions-container');\n            \n            if (!container) {\n                console.error('Error: No se encontr\u00f3 el contenedor de preguntas');\n                return;\n            }\n\n            const versionId = generateVersionId();\n            document.getElementById('versionBadge').textContent = 'Version: ' + versionId;\n\n            \/\/ Mezclar las preguntas\n            let shuffledQuestions = shuffleArray([...questionBank]);\n            \n            let html = '';\n            const letters = ['A', 'B', 'C', 'D'];\n\n            shuffledQuestions.forEach((q, index) => {\n                const questionNumber = index + 1;\n                \n                \/\/ Mezclar las opciones para esta pregunta\n                let shuffledOptions = shuffleArray([...q.options]);\n                \n                let optionsHtml = '';\n                shuffledOptions.forEach((option, optIndex) => {\n                    const letter = letters[optIndex] || String.fromCharCode(65 + optIndex);\n                    optionsHtml += `\n                        <label>\n                            <input type=\"radio\" name=\"${q.id}\" value=\"${option}\">\n                            <span class=\"letter\">${letter})<\/span> ${option}\n                        <\/label>\n                    `;\n                });\n\n                html += `\n                    <div class=\"question-block\">\n                        <div class=\"q-text\">${questionNumber}. ${q.stem}<\/div>\n                        <div class=\"options\">\n                            ${optionsHtml}\n                        <\/div>\n                    <\/div>\n                `;\n            });\n\n            container.innerHTML = html;\n            console.log('\u2705 Quiz cargado correctamente con ' + questionBank.length + ' preguntas');\n        }\n\n        \/\/ ================================================================\n        \/\/ CALCULATE SCORE - VALIDACI\u00d3N Y PUNTUACI\u00d3N\n        \/\/ ================================================================\n        function calculateScore() {\n            const form = document.getElementById('quizForm');\n            const totalQuestions = questionBank.length;\n            let score = 0;\n            let missingQuestions = [];\n\n            \/\/ ===== VALIDATION =====\n            questionBank.forEach(q => {\n                const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n                if (!checked) {\n                    const index = questionBank.findIndex(item => item.id === q.id);\n                    missingQuestions.push(index + 1);\n                }\n            });\n\n            if (missingQuestions.length > 0) {\n                alert(\"\u26a0\ufe0f Please answer all 20 questions before submitting.\\n\\nMissing questions: \" + missingQuestions.join(\", \"));\n                return;\n            }\n\n            \/\/ ===== CALCULATE SCORE =====\n            questionBank.forEach(q => {\n                const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n                if (checked && checked.value === q.correct) {\n                    score++;\n                }\n            });\n\n            \/\/ ===== CALCULATE PERCENTAGE AND GRADE =====\n            const percentage = Math.round((score \/ totalQuestions) * 100);\n            \n            let grade = 1.0;\n            const passingScore = Math.ceil(totalQuestions * 0.6);\n\n            if (score < passingScore) {\n                grade = 1.0 + 3.0 * (score \/ passingScore);\n            } else {\n                grade = 4.0 + 3.0 * ((score - passingScore) \/ (totalQuestions - passingScore));\n            }\n            \n            grade = Math.round(grade * 10) \/ 10;\n\n            \/\/ ===== STUDENT INFO =====\n            const studentName = document.getElementById('studentName').value || \"Student\";\n            const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n            const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n            \/\/ ===== DISPLAY RESULTS =====\n            const resultsCard = document.getElementById('results-card');\n            const scoreTitle = document.getElementById('scoreTitle');\n            const scoreDetails = document.getElementById('scoreDetails');\n            const correctCount = document.getElementById('correctCount');\n            const incorrectCount = document.getElementById('incorrectCount');\n            const studentSummary = document.getElementById('studentSummary');\n\n            resultsCard.style.display = 'block';\n\n            if (grade >= 4.0) {\n                resultsCard.className = 'pass';\n                scoreTitle.innerHTML = \"\u2705 \u00a1Excelente! \/ Excellent! \ud83c\udf89\";\n            } else {\n                resultsCard.className = 'fail';\n                scoreTitle.innerHTML = \"\ud83d\udcda Sigue practicando \/ Keep practicing \ud83d\udcaa\";\n            }\n\n            const incorrect = totalQuestions - score;\n\n            correctCount.textContent = score;\n            incorrectCount.textContent = incorrect;\n\n            scoreDetails.innerHTML = `\n                <div class=\"big-number\">${percentage}%<\/div>\n                <strong>Score:<\/strong> ${score} out of ${totalQuestions} correct<br>\n                <span style=\"font-size: 24px; font-weight: 700; display: inline-block; margin-top: 8px;\">\n                    Nota \/ Grade: ${grade.toFixed(1)}\n                <\/span>\n            `;\n\n            studentSummary.innerHTML = `\n                \ud83d\udc64 <strong>${studentName}<\/strong> \u00b7 \n                \ud83d\udcc5 ${studentDate} \u00b7 \n                \ud83d\udcda ${studentCourse}\n            `;\n\n            resultsCard.scrollIntoView({ behavior: 'smooth' });\n        }\n\n        \/\/ ================================================================\n        \/\/ INITIALIZE\n        \/\/ ================================================================\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83d\ude80 Iniciando carga del quiz...');\n            buildQuiz();\n        });\n\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\n            console.log('\ud83d\ude80 DOM ya cargado, ejecutando buildQuiz...');\n            buildQuiz();\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz: Chile &#8211; Education, Employment &#038; Income READING QUIZ Chile: Education, Employment &amp; Income \ud83d\udccb 20 Exercises \u00b7 Data Analysis &amp; Comprehension Version: Loading&#8230; \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83d\udcca Chile: Education, Employment &amp; Income (2024 Est.) Population by Education Level (Aged 25-64): \u2022 5% Post-Graduate (Master\/PhD) \u2022 25% Higher Education [&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-610","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/610","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=610"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/610\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/610\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}