{"id":620,"date":"2026-07-22T02:10:06","date_gmt":"2026-07-22T02:10:06","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=620"},"modified":"2026-07-22T02:10:06","modified_gmt":"2026-07-22T02:10:06","slug":"620-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/620-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: Survival Skills<\/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        .reading-text {\n            background: #f7fafc;\n            padding: 20px 25px;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n            margin-bottom: 25px;\n            font-size: 15px;\n            line-height: 1.9;\n            color: #2d3748;\n        }\n        \n        .reading-text h3 {\n            color: #1a365d;\n            margin-bottom: 10px;\n            font-size: 19px;\n        }\n        \n        .reading-text strong {\n            color: #2b6cb0;\n        }\n        \n        .reading-text .highlight-box {\n            background: #ebf8ff;\n            padding: 10px 15px;\n            border-radius: 6px;\n            border-left: 4px solid #2b6cb0;\n            margin: 10px 0;\n            font-size: 14px;\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            .reading-text { padding: 15px; font-size: 14px; }\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            <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Survival.jpg\" alt=\"Survival Skills\" class=\"header-image\" onerror=\"this.style.display='none'\">\n            <h1>READING QUIZ<\/h1>\n            <h2>Survival Skills: Essential Knowledge for Emergencies<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 15 Exercises \u00b7 Reading 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        <!-- ===== READING TEXT ===== -->\n        <div class=\"reading-text\">\n            <h3>\ud83c\udfd5\ufe0f Survival Skills: Essential Knowledge for Emergencies<\/h3>\n            <p>\n                Survival skills are the techniques and knowledge that a person can use to sustain life in any type of natural or built environment. These skills are essential for outdoor enthusiasts, travelers, and anyone who may face unexpected emergencies. The ability to remain calm, think clearly, and take decisive action can make the difference between life and death.\n            <\/p>\n            <p>\n                One of the most important survival skills is the ability to <strong>find and purify water<\/strong>. The human body can survive only about three days without water. In the wild, you can find water from rivers, lakes, or even morning dew. However, water from these sources must be <strong>purified<\/strong> before drinking to avoid parasites and bacteria. Boiling water is one of the most effective and simplest methods of purification.\n            <\/p>\n            <p>\n                Another crucial skill is <strong>building a shelter<\/strong>. Exposure to extreme temperatures, wind, or rain can cause hypothermia or heatstroke. A shelter provides protection from the elements. You can build a shelter using natural materials like branches, leaves, and snow, or use a tarp if you have one. The key is to choose a location that is safe from flooding, falling rocks, and strong winds.\n            <\/p>\n            <p>\n                <strong>Starting a fire<\/strong> is also a fundamental survival skill. Fire provides warmth, light, and the ability to cook food and purify water. It can also be used as a signal for rescue. You can start a fire using a lighter, matches, a fire starter, or even by friction (like the bow-drill method). It is important to gather enough dry wood and kindling before attempting to start the fire.\n            <\/p>\n            <p>\n                Knowing how to <strong>signal for help<\/strong> is vital. Emergency signals can be visual or auditory. You can use a whistle, a mirror, a fire, or even arrange rocks or logs to form an SOS signal. The international distress signal is three of anything: three whistle blasts, three fires, or three flashes of light. This helps rescuers locate you more easily.\n            <\/p>\n            <div class=\"highlight-box\">\n                <strong>\ud83d\udca1 Key Takeaway:<\/strong> The &#8220;Rule of Threes&#8221; is a useful guide in survival situations: you can survive roughly <strong>3 minutes without air<\/strong>, <strong>3 hours without shelter<\/strong> in extreme conditions, <strong>3 days without water<\/strong>, and <strong>3 weeks without food<\/strong>. This helps prioritize your actions.\n            <\/div>\n            <p>\n                Finally, <strong>first aid skills<\/strong> are essential in any survival situation. Knowing how to treat cuts, burns, fractures, and perform CPR can save lives. A basic first aid kit should be part of any survival gear. Learning these skills before an emergency occurs is the best way to be prepared.\n            <\/p>\n        <\/div>\n\n        <!-- ===== FORM ===== -->\n        <form id=\"quizForm\" novalidate>\n            \n            <!-- ============================================================ -->\n            <!-- SECTION: MULTIPLE CHOICE (15 exercises) -->\n            <!-- ============================================================ -->\n            <div class=\"section-title\">\n                <span>READING COMPREHENSION<\/span>\n                <span class=\"badge\">15 Exercises<\/span>\n            <\/div>\n            <div class=\"section-instructions\">\n                <strong>Instructions:<\/strong> Read the text 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\">15<\/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>\ud83c\udfd5\ufe0f Survival Skills &#8211; Reading Quiz<\/span>\n            <span>\ud83d\udcda EPJA &#8211; English Class<\/span>\n            <span>\ud83d\udccb Total: 15 Exercises<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ ================================================================\n        \/\/ QUESTION BANK (15 preguntas) - Se mezclan en cada carga\n        \/\/ ================================================================\n        const questionBank = [\n            {\n                id: 'q1',\n                stem: 'How long can the human body survive without water?',\n                options: ['1 day', '3 days', '5 days', '7 days'],\n                correct: '3 days'\n            },\n            {\n                id: 'q2',\n                stem: 'What is one effective method to purify water mentioned in the text?',\n                options: ['Using salt', 'Adding sugar', 'Boiling', 'Freezing'],\n                correct: 'Boiling'\n            },\n            {\n                id: 'q3',\n                stem: 'What is a primary purpose of building a shelter?',\n                options: ['To store food', 'To have a place to sleep', 'To protect from extreme temperatures, wind, or rain', 'To hide from animals'],\n                correct: 'To protect from extreme temperatures, wind, or rain'\n            },\n            {\n                id: 'q4',\n                stem: 'Which of the following is NOT mentioned as a way to start a fire?',\n                options: ['Lighter', 'Matches', 'Magnifying glass', 'Bow-drill method'],\n                correct: 'Magnifying glass'\n            },\n            {\n                id: 'q5',\n                stem: 'What is the international distress signal?',\n                options: ['Two of anything', 'Three of anything', 'Four of anything', 'Five of anything'],\n                correct: 'Three of anything'\n            },\n            {\n                id: 'q6',\n                stem: 'What does the \"Rule of Threes\" state about water?',\n                options: ['3 minutes without water', '3 hours without water', '3 days without water', '3 weeks without water'],\n                correct: '3 days without water'\n            },\n            {\n                id: 'q7',\n                stem: 'What does the \"Rule of Threes\" state about food?',\n                options: ['3 minutes without food', '3 hours without food', '3 days without food', '3 weeks without food'],\n                correct: '3 weeks without food'\n            },\n            {\n                id: 'q8',\n                stem: 'What is an important safety consideration when choosing a location to build a shelter?',\n                options: ['Near a river', 'Safe from flooding, falling rocks, and strong winds', 'On a mountain top', 'In a cave'],\n                correct: 'Safe from flooding, falling rocks, and strong winds'\n            },\n            {\n                id: 'q9',\n                stem: 'Why is it important to purify water from natural sources?',\n                options: ['To improve its taste', 'To remove minerals', 'To avoid parasites and bacteria', 'To make it clearer'],\n                correct: 'To avoid parasites and bacteria'\n            },\n            {\n                id: 'q10',\n                stem: 'What should a basic survival first aid kit contain?',\n                options: ['Food', 'A mirror', 'Items to treat cuts, burns, and fractures', 'A smartphone'],\n                correct: 'Items to treat cuts, burns, and fractures'\n            },\n            {\n                id: 'q11',\n                stem: 'What can fire be used for besides warmth and cooking?',\n                options: ['Making tools', 'Signaling for rescue', 'Building a raft', 'None of the above'],\n                correct: 'Signaling for rescue'\n            },\n            {\n                id: 'q12',\n                stem: 'What is the best time to learn survival skills?',\n                options: ['During an emergency', 'Before an emergency occurs', 'After an emergency', 'Never'],\n                correct: 'Before an emergency occurs'\n            },\n            {\n                id: 'q13',\n                stem: 'What kind of signals can be used to attract rescuers?',\n                options: ['Only visual signals', 'Only auditory signals', 'Visual or auditory signals', 'Only smoke signals'],\n                correct: 'Visual or auditory signals'\n            },\n            {\n                id: 'q14',\n                stem: 'What is a good example of a natural material to build a shelter?',\n                options: ['Plastic', 'Metal', 'Branches and leaves', 'Glass'],\n                correct: 'Branches and leaves'\n            },\n            {\n                id: 'q15',\n                stem: 'What is the main message of the text about survival skills?',\n                options: ['They are only for experts', 'They are essential and can save lives', 'They are not necessary', 'They are easy to learn'],\n                correct: 'They are essential and can save lives'\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 15 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: Survival Skills READING QUIZ Survival Skills: Essential Knowledge for Emergencies \ud83d\udccb 15 Exercises \u00b7 Reading Comprehension Version: Loading&#8230; \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udfd5\ufe0f Survival Skills: Essential Knowledge for Emergencies Survival skills are the techniques and knowledge that a person can use to sustain life in any type of natural [&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-620","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/620","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=620"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/620\/revisions\/621"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}