{"id":575,"date":"2026-07-21T23:25:53","date_gmt":"2026-07-21T23:25:53","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=575"},"modified":"2026-07-21T23:25:53","modified_gmt":"2026-07-21T23:25:53","slug":"575-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/575-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>Reading Quiz: Torres del Paine<\/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        }\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\/images-1.jpg\" alt=\"Torres del Paine National Park\" class=\"header-image\">\n            <h1>READING QUIZ<\/h1>\n            <h2>Torres del Paine &#8211; Chile<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 10 Exercises \u00b7 Inference &amp; 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\udfd4\ufe0f Torres del Paine National Park<\/h3>\n            <p>\n                <strong>Torres del Paine<\/strong> is one of the most famous national parks in Chile and in the world. \n                It is located in the <strong>Magallanes Region<\/strong>, in the southern part of Chilean Patagonia. \n                The park covers an area of about <strong>181,000 hectares<\/strong> and is part of the \n                <strong>UNESCO Biosphere Reserve<\/strong>.\n            <\/p>\n            <p>\n                The park is named after the <strong>three granite towers<\/strong> (the &#8220;Torres&#8221;) that rise dramatically \n                from the landscape. These towers are the main attraction for thousands of visitors who come every year \n                to hike, take photographs, and admire the stunning views. The most famous trekking route is the \n                <strong>&#8220;W Circuit&#8221;<\/strong>, which takes about 4 to 5 days to complete and offers spectacular views \n                of the mountains, glaciers, and lakes.\n            <\/p>\n            <p>\n                The weather in Torres del Paine is very <strong>unpredictable<\/strong>. In a single day, you can \n                experience <strong>sun, rain, snow, and strong wind<\/strong>. This is why visitors must be well-prepared \n                with appropriate clothing and equipment. The best time to visit is during the <strong>summer months \n                (December to February)<\/strong>, when the weather is milder and the days are longer.\n            <\/p>\n            <p>\n                The park is home to a rich variety of wildlife. Visitors can see <strong>guanacos<\/strong> grazing \n                in the open plains, <strong>\u00f1and\u00faes<\/strong> (a type of bird) running across the pampas, and if they \n                are lucky, the elusive <strong>puma<\/strong>. The lakes and rivers also have many species of birds, \n                including the majestic <strong>Andean condor<\/strong>.\n            <\/p>\n            <div class=\"highlight-box\">\n                <strong>\ud83d\udd0d Inference Tip:<\/strong> When you read, think about what the author <em>implies<\/em> but \n                does not say directly. For example, if the text says &#8220;visitors must be well-prepared with appropriate \n                clothing,&#8221; you can infer that <em>the weather can be dangerous or uncomfortable without proper gear<\/em>.\n            <\/div>\n            <p>\n                Protecting this natural wonder is a priority. The park has strict rules to preserve the environment, \n                such as <strong>leaving no trash<\/strong>, <strong>staying on marked trails<\/strong>, and \n                <strong>respecting wildlife<\/strong>. Visitors are encouraged to practice <strong>sustainable tourism<\/strong> \n                to ensure that future generations can also enjoy this incredible place.\n            <\/p>\n        <\/div>\n\n        <!-- ===== FORM ===== -->\n        <form id=\"quizForm\" novalidate>\n            \n            <!-- ============================================================ -->\n            <!-- SECTION: MULTIPLE CHOICE (10 exercises) -->\n            <!-- ============================================================ -->\n            <div class=\"section-title\">\n                <span>READING COMPREHENSION &amp; INFERENCE<\/span>\n                <span class=\"badge\">10 Exercises<\/span>\n            <\/div>\n            <div class=\"section-instructions\">\n                <strong>Instructions:<\/strong> Read the text carefully. Choose the best answer (A, B, C, D, or E) based on the information provided or by <strong>inferring<\/strong> what the text implies.\n            <\/div>\n\n            <!-- Question 1 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">1. Where is Torres del Paine National Park located?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q1\" value=\"A\"> <span class=\"letter\">A)<\/span> In the north of Chile, near the Atacama Desert<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"B\"> <span class=\"letter\">B)<\/span> In the central region of Chile, near Santiago<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"C\"> <span class=\"letter\">C)<\/span> In the southern part of Chilean Patagonia<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"D\"> <span class=\"letter\">D)<\/span> In the east of Chile, near the border with Argentina<\/label>\n                    <label><input type=\"radio\" name=\"q1\" value=\"E\"> <span class=\"letter\">E)<\/span> In the western part of Chile, near the Pacific Ocean<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 2 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">2. Why is the park called &#8220;Torres del Paine&#8221;?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q2\" value=\"A\"> <span class=\"letter\">A)<\/span> Because it has three large lakes<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"B\"> <span class=\"letter\">B)<\/span> Because it is named after the three granite towers<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"C\"> <span class=\"letter\">C)<\/span> Because it is the home of the puma<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"D\"> <span class=\"letter\">D)<\/span> Because it is part of the UNESCO Biosphere Reserve<\/label>\n                    <label><input type=\"radio\" name=\"q2\" value=\"E\"> <span class=\"letter\">E)<\/span> Because it has a famous trekking route<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 3 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">3. What is the &#8220;W Circuit&#8221;?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q3\" value=\"A\"> <span class=\"letter\">A)<\/span> A road that goes around the park<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"B\"> <span class=\"letter\">B)<\/span> A famous trekking route that takes 4-5 days<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"C\"> <span class=\"letter\">C)<\/span> A trail for mountain biking<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"D\"> <span class=\"letter\">D)<\/span> A route for horse riding<\/label>\n                    <label><input type=\"radio\" name=\"q3\" value=\"E\"> <span class=\"letter\">E)<\/span> A path that goes through the three towers<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 4 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">4. (Inference) What can you infer about the weather in Torres del Paine?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q4\" value=\"A\"> <span class=\"letter\">A)<\/span> It is always sunny and warm<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"B\"> <span class=\"letter\">B)<\/span> It is very predictable and stable<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"C\"> <span class=\"letter\">C)<\/span> It changes quickly and can be extreme<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"D\"> <span class=\"letter\">D)<\/span> It is cold only in winter<\/label>\n                    <label><input type=\"radio\" name=\"q4\" value=\"E\"> <span class=\"letter\">E)<\/span> It is always windy but never rainy<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 5 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">5. (Inference) Why do visitors need to bring &#8220;appropriate clothing and equipment&#8221; to the park?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q5\" value=\"A\"> <span class=\"letter\">A)<\/span> To look fashionable in the photos<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"B\"> <span class=\"letter\">B)<\/span> Because the park has strict dress codes<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"C\"> <span class=\"letter\">C)<\/span> Because the weather can be severe and dangerous<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"D\"> <span class=\"letter\">D)<\/span> To impress the park rangers<\/label>\n                    <label><input type=\"radio\" name=\"q5\" value=\"E\"> <span class=\"letter\">E)<\/span> Because the park only sells limited supplies<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 6 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">6. What animals can visitors see in Torres del Paine?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q6\" value=\"A\"> <span class=\"letter\">A)<\/span> Lions and elephants<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"B\"> <span class=\"letter\">B)<\/span> Guanacos, \u00f1and\u00faes, and pumas<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"C\"> <span class=\"letter\">C)<\/span> Penguins and polar bears<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"D\"> <span class=\"letter\">D)<\/span> Monkeys and parrots<\/label>\n                    <label><input type=\"radio\" name=\"q6\" value=\"E\"> <span class=\"letter\">E)<\/span> Alligators and snakes<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 7 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">7. (Inference) What is the most likely reason the park has &#8220;strict rules&#8221; for visitors?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q7\" value=\"A\"> <span class=\"letter\">A)<\/span> To make visitors uncomfortable<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"B\"> <span class=\"letter\">B)<\/span> To generate more money for the park<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"C\"> <span class=\"letter\">C)<\/span> To protect the environment and wildlife<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"D\"> <span class=\"letter\">D)<\/span> To reduce the number of tourists<\/label>\n                    <label><input type=\"radio\" name=\"q7\" value=\"E\"> <span class=\"letter\">E)<\/span> To promote local businesses<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 8 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">8. What is the best time to visit Torres del Paine?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q8\" value=\"A\"> <span class=\"letter\">A)<\/span> During the winter months (June to August)<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"B\"> <span class=\"letter\">B)<\/span> During the summer months (December to February)<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"C\"> <span class=\"letter\">C)<\/span> During autumn (March to May)<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"D\"> <span class=\"letter\">D)<\/span> During spring (September to November)<\/label>\n                    <label><input type=\"radio\" name=\"q8\" value=\"E\"> <span class=\"letter\">E)<\/span> Any time of the year is equally good<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 9 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">9. (Inference) What does the text suggest about the puma in Torres del Paine?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q9\" value=\"A\"> <span class=\"letter\">A)<\/span> They are easy to see and very common<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"B\"> <span class=\"letter\">B)<\/span> They are dangerous and attack visitors<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"C\"> <span class=\"letter\">C)<\/span> They are difficult to find and rare to see<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"D\"> <span class=\"letter\">D)<\/span> They are only seen in the winter<\/label>\n                    <label><input type=\"radio\" name=\"q9\" value=\"E\"> <span class=\"letter\">E)<\/span> They are not real animals<\/label>\n                <\/div>\n            <\/div>\n\n            <!-- Question 10 -->\n            <div class=\"question-block\">\n                <div class=\"q-text\">10. (Inference) What is the author&#8217;s main message about visiting the park?<\/div>\n                <div class=\"options\">\n                    <label><input type=\"radio\" name=\"q10\" value=\"A\"> <span class=\"letter\">A)<\/span> Torres del Paine is too dangerous to visit<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"B\"> <span class=\"letter\">B)<\/span> Visitors should enjoy the park and also protect it<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"C\"> <span class=\"letter\">C)<\/span> Only experienced hikers can visit the park<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"D\"> <span class=\"letter\">D)<\/span> The park is best visited in winter<\/label>\n                    <label><input type=\"radio\" name=\"q10\" value=\"E\"> <span class=\"letter\">E)<\/span> The park is not worth visiting<\/label>\n                <\/div>\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\">10<\/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\udfd4\ufe0f Torres del Paine &#8211; Reading Quiz<\/span>\n            <span>\ud83d\udcda EPJA &#8211; English Class<\/span>\n            <span>\ud83d\udccb Total: 10 Exercises<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\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        document.addEventListener('DOMContentLoaded', function() {\n            document.getElementById('versionBadge').textContent = 'Version: ' + generateVersionId();\n        });\n\n        \/\/ ================================================================\n        \/\/ CALCULATE SCORE\n        \/\/ ================================================================\n        function calculateScore() {\n            const form = document.getElementById('quizForm');\n            const totalQuestions = 10;\n            let score = 0;\n            let missingQuestions = [];\n\n            \/\/ ===== CORRECT ANSWERS =====\n            const correctAnswers = {\n                q1: \"C\",\n                q2: \"B\",\n                q3: \"B\",\n                q4: \"C\",\n                q5: \"C\",\n                q6: \"B\",\n                q7: \"C\",\n                q8: \"B\",\n                q9: \"C\",\n                q10: \"B\"\n            };\n\n            \/\/ ===== VALIDATION =====\n            for (let i = 1; i <= totalQuestions; i++) {\n                const fieldName = 'q' + i;\n                const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n                if (!checked) {\n                    missingQuestions.push(i);\n                }\n            }\n\n            if (missingQuestions.length > 0) {\n                alert(\"\u26a0\ufe0f Please answer all 10 questions before submitting.\\n\\nMissing questions: \" + missingQuestions.join(\", \"));\n                return;\n            }\n\n            \/\/ ===== CALCULATE SCORE =====\n            for (let key in correctAnswers) {\n                const checked = form.querySelector(`input[name=\"${key}\"]:checked`);\n                if (checked && checked.value === correctAnswers[key]) {\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    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Reading Quiz: Torres del Paine READING QUIZ Torres del Paine &#8211; Chile \ud83d\udccb 10 Exercises \u00b7 Inference &amp; Reading Comprehension Version: Loading&#8230; \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udfd4\ufe0f Torres del Paine National Park Torres del Paine is one of the most famous national parks in Chile and in the world. It [&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-575","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/575","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=575"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/575\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/575\/revisions\/577"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}