Reading Quiz: Salar de Atacama<\/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: 600px;\n height: auto;\n border-radius: 8px;\n margin-bottom: 10px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n \n .header h1 {\n font-size: 26px;\n color: #1a365d;\n letter-spacing: 1px;\n }\n \n .header h2 {\n font-size: 16px;\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.8;\n color: #2d3748;\n }\n \n .reading-text h3 {\n color: #1a365d;\n margin-bottom: 10px;\n font-size: 18px;\n }\n \n .reading-text strong {\n color: #2b6cb0;\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: 10px 0;\n border-bottom: 1px solid #edf2f7;\n }\n \n .question-block .q-text {\n font-weight: 600;\n font-size: 14px;\n margin-bottom: 6px;\n color: #2d3748;\n }\n \n .question-block .options {\n padding-left: 20px;\n }\n \n .question-block .options label {\n display: block;\n padding: 3px 0;\n cursor: pointer;\n font-size: 14px;\n }\n \n .question-block .options label:hover {\n background: #f0f4f8;\n }\n \n .question-block .options input[type=\"radio\"] {\n transform: scale(1.1);\n margin-right: 8px;\n cursor: pointer;\n }\n \n .question-block .options .letter {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 20px;\n display: inline-block;\n }\n \n .tf-group {\n display: flex;\n gap: 15px;\n padding-left: 20px;\n }\n \n .tf-group label {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n font-size: 14px;\n }\n \n .tf-group input[type=\"radio\"] {\n transform: scale(1.1);\n cursor: pointer;\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: 500px;\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 }\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 \n <div class=\"header\">\n \n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/images.jpg\" alt=\"Salar de Atacama\" class=\"header-image\">\n <h1>READING QUIZ<\/h1>\n <h2>Salar de Atacama – Chile<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 15 Exercises \u00b7 EPJA Primer Ciclo Medio<\/span>\n <div style=\"margin-top:5px;\">\n <span class=\"version-badge\" id=\"versionBadge\">Version: Loading…<\/span>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"reading-text\">\n <h3>\ud83c\udfdc\ufe0f The Salar de Atacama<\/h3>\n <p>\n The <strong>Salar de Atacama<\/strong> is the largest salt flat in Chile and one of the most important \n natural wonders in the world. It is located in the <strong>Antofagasta Region<\/strong>, in the north of Chile, \n near the city of San Pedro de Atacama. The salt flat covers an area of about <strong>3,000 square kilometers<\/strong>.\n <\/p>\n <p>\n The Salar de Atacama is famous for its <strong>white salt crust<\/strong> and its beautiful <strong>lagoons<\/strong> \n with bright blue and green colors. These colors come from the <strong>minerals<\/strong> in the water, such as \n lithium, potassium, and magnesium. The salt flat is one of the <strong>richest sources of lithium<\/strong> \n in the world. Lithium is a very important mineral because it is used to make <strong>batteries for phones, \n computers, and electric cars<\/strong>.\n <\/p>\n <p>\n The area is also home to many animals. You can see <strong>flamingos<\/strong> in the lagoons, as well as \n <strong>vicu\u00f1as<\/strong> and <strong>guanacos<\/strong> in the surrounding desert. The <strong>Atacama Desert<\/strong> \n is one of the <strong>driest places on Earth<\/strong>, but the Salar de Atacama has water and life because of \n the underground rivers that come from the Andes Mountains.\n <\/p>\n <p>\n Many <strong>tourists<\/strong> visit the Salar de Atacama every year. They come to see the <strong>salt flats<\/strong>, \n the lagoons, and the <strong>amazing sunsets<\/strong>. Visitors can also learn about the <strong>salt mining<\/strong> \n and <strong>lithium extraction<\/strong>. The local communities work in these industries, and they also welcome \n tourists to share their culture and traditions.\n <\/p>\n <p>\n The Salar de Atacama is not only a beautiful place but also a very important resource for <strong>renewable energy<\/strong> \n and <strong>modern technology<\/strong>. The lithium from this salt flat helps make the world more connected \n and sustainable.\n <\/p>\n <\/div>\n\n \n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section-title\">\n <span>SECTION 1: TRUE OR FALSE<\/span>\n <span class=\"badge\">5 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Read each statement. Select <strong>True<\/strong> or <strong>False<\/strong> based on the text.\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">1. The Salar de Atacama is located in the south of Chile.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q1\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q1\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">2. Lithium is used to make batteries for phones and electric cars.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q2\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q2\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">3. The Salar de Atacama is home to penguins and polar bears.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q3\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q3\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">4. The Atacama Desert is one of the driest places on Earth.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q4\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q4\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">5. The Salar de Atacama covers an area of about 3,000 square kilometers.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q5\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q5\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section-title\">\n <span>SECTION 2: MULTIPLE CHOICE<\/span>\n <span class=\"badge\">5 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Choose the best answer (A, B, or C) based on the text.\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">6. Where is the Salar de Atacama located?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q6\" value=\"A\"> <span class=\"letter\">A)<\/span> In the south of Chile<\/label>\n <label><input type=\"radio\" name=\"q6\" value=\"B\"> <span class=\"letter\">B)<\/span> In the north of Chile, near San Pedro de Atacama<\/label>\n <label><input type=\"radio\" name=\"q6\" value=\"C\"> <span class=\"letter\">C)<\/span> Near Santiago, Chile<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">7. Why is lithium important?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q7\" value=\"A\"> <span class=\"letter\">A)<\/span> It is used to make food<\/label>\n <label><input type=\"radio\" name=\"q7\" value=\"B\"> <span class=\"letter\">B)<\/span> It is used to make batteries for technology<\/label>\n <label><input type=\"radio\" name=\"q7\" value=\"C\"> <span class=\"letter\">C)<\/span> It is used to build houses<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">8. What animals can you see in the Salar de Atacama?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q8\" value=\"A\"> <span class=\"letter\">A)<\/span> Penguins and polar bears<\/label>\n <label><input type=\"radio\" name=\"q8\" value=\"B\"> <span class=\"letter\">B)<\/span> Flamingos, vicu\u00f1as, and guanacos<\/label>\n <label><input type=\"radio\" name=\"q8\" value=\"C\"> <span class=\"letter\">C)<\/span> Lions and elephants<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">9. What gives the lagoons their bright blue and green colors?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q9\" value=\"A\"> <span class=\"letter\">A)<\/span> The salt<\/label>\n <label><input type=\"radio\" name=\"q9\" value=\"B\"> <span class=\"letter\">B)<\/span> The minerals in the water<\/label>\n <label><input type=\"radio\" name=\"q9\" value=\"C\"> <span class=\"letter\">C)<\/span> The fish in the lagoons<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">10. Why do tourists visit the Salar de Atacama?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q10\" value=\"A\"> <span class=\"letter\">A)<\/span> To see the salt flats, lagoons, and sunsets<\/label>\n <label><input type=\"radio\" name=\"q10\" value=\"B\"> <span class=\"letter\">B)<\/span> To go skiing<\/label>\n <label><input type=\"radio\" name=\"q10\" value=\"C\"> <span class=\"letter\">C)<\/span> To swim in the ocean<\/label>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section-title\">\n <span>SECTION 3: VOCABULARY MATCHING<\/span>\n <span class=\"badge\">5 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Match the word with its correct definition. Choose the letter (A-E) from the dropdown menu.\n <\/div>\n\n <div style=\"background:#f7fafc; padding:12px 18px; border-radius:6px; margin-bottom:15px; border:1px solid #e2e8f0;\">\n <p style=\"font-size:14px; font-weight:600; color:#1a365d;\">Word Bank:<\/p>\n <p style=\"font-size:13px; color:#4a5568;\">\n <strong>A)<\/strong> A large area covered with salt<br>\n <strong>B)<\/strong> A natural substance found in the earth, like lithium<br>\n <strong>C)<\/strong> A pink bird with long legs that lives near water<br>\n <strong>D)<\/strong> The process of taking minerals from the ground<br>\n <strong>E)<\/strong> A large area of sand with very little water\n <\/p>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">11. Salt flat<\/div>\n <select name=\"q11\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">12. Mineral<\/div>\n <select name=\"q12\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">13. Flamingo<\/div>\n <select name=\"q13\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">14. Extraction<\/div>\n <select name=\"q14\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">15. Desert<\/div>\n <select name=\"q15\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n \n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit & Get Results<\/button>\n <\/form>\n\n \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 \n <div class=\"footer\">\n <span>\ud83c\udfdc\ufe0f Salar de Atacama – Reading Quiz<\/span>\n <span>\ud83d\udcda EPJA – English Class<\/span>\n <span>\ud83d\udccb Total: 15 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 = 15;\n let score = 0;\n let missingQuestions = [];\n\n \/\/ Correct answers\n const correctAnswers = {\n q1: \"F\", q2: \"T\", q3: \"F\", q4: \"T\", q5: \"T\",\n q6: \"B\", q7: \"B\", q8: \"B\", q9: \"B\", q10: \"A\",\n q11: \"A\", q12: \"B\", q13: \"C\", q14: \"D\", q15: \"E\"\n };\n\n \/\/ Validation\n for (let i = 1; i <= totalQuestions; i++) {\n const fieldName = 'q' + i;\n const element = form.querySelector(`[name=\"${fieldName}\"]`);\n \n if (!element) continue;\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n if (!checked) {\n missingQuestions.push(i);\n }\n } else if (element.tagName === 'SELECT') {\n if (element.value === \"\") {\n missingQuestions.push(i);\n }\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 for (let key in correctAnswers) {\n const element = form.querySelector(`[name=\"${key}\"]`);\n if (!element) continue;\n\n let userValue = \"\";\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${key}\"]:checked`);\n userValue = checked ? checked.value : \"\";\n } else if (element.tagName === 'SELECT') {\n userValue = element.value;\n }\n\n if (userValue === 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: Salar de Atacama READING QUIZ Salar de Atacama – Chile \ud83d\udccb 15 Exercises \u00b7 EPJA Primer Ciclo Medio Version: Loading… \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udfdc\ufe0f The Salar de Atacama The Salar de Atacama is the largest salt flat in Chile and one of the most important natural wonders […]<\/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-570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/570","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=570"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":571,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/570\/revisions\/571"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":570,"date":"2026-07-21T23:12:56","date_gmt":"2026-07-21T23:12:56","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=570"},"modified":"2026-07-21T23:12:56","modified_gmt":"2026-07-21T23:12:56","slug":"570-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/570-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Reading Quiz: Salar de Atacama<\/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: 600px;\n height: auto;\n border-radius: 8px;\n margin-bottom: 10px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n }\n \n .header h1 {\n font-size: 26px;\n color: #1a365d;\n letter-spacing: 1px;\n }\n \n .header h2 {\n font-size: 16px;\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.8;\n color: #2d3748;\n }\n \n .reading-text h3 {\n color: #1a365d;\n margin-bottom: 10px;\n font-size: 18px;\n }\n \n .reading-text strong {\n color: #2b6cb0;\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: 10px 0;\n border-bottom: 1px solid #edf2f7;\n }\n \n .question-block .q-text {\n font-weight: 600;\n font-size: 14px;\n margin-bottom: 6px;\n color: #2d3748;\n }\n \n .question-block .options {\n padding-left: 20px;\n }\n \n .question-block .options label {\n display: block;\n padding: 3px 0;\n cursor: pointer;\n font-size: 14px;\n }\n \n .question-block .options label:hover {\n background: #f0f4f8;\n }\n \n .question-block .options input[type=\"radio\"] {\n transform: scale(1.1);\n margin-right: 8px;\n cursor: pointer;\n }\n \n .question-block .options .letter {\n font-weight: 700;\n color: #2b6cb0;\n min-width: 20px;\n display: inline-block;\n }\n \n .tf-group {\n display: flex;\n gap: 15px;\n padding-left: 20px;\n }\n \n .tf-group label {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n font-size: 14px;\n }\n \n .tf-group input[type=\"radio\"] {\n transform: scale(1.1);\n cursor: pointer;\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: 500px;\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 }\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 \n <div class=\"header\">\n \n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/images.jpg\" alt=\"Salar de Atacama\" class=\"header-image\">\n <h1>READING QUIZ<\/h1>\n <h2>Salar de Atacama – Chile<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 15 Exercises \u00b7 EPJA Primer Ciclo Medio<\/span>\n <div style=\"margin-top:5px;\">\n <span class=\"version-badge\" id=\"versionBadge\">Version: Loading…<\/span>\n <\/div>\n <\/div>\n\n \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 \n <div class=\"reading-text\">\n <h3>\ud83c\udfdc\ufe0f The Salar de Atacama<\/h3>\n <p>\n The <strong>Salar de Atacama<\/strong> is the largest salt flat in Chile and one of the most important \n natural wonders in the world. It is located in the <strong>Antofagasta Region<\/strong>, in the north of Chile, \n near the city of San Pedro de Atacama. The salt flat covers an area of about <strong>3,000 square kilometers<\/strong>.\n <\/p>\n <p>\n The Salar de Atacama is famous for its <strong>white salt crust<\/strong> and its beautiful <strong>lagoons<\/strong> \n with bright blue and green colors. These colors come from the <strong>minerals<\/strong> in the water, such as \n lithium, potassium, and magnesium. The salt flat is one of the <strong>richest sources of lithium<\/strong> \n in the world. Lithium is a very important mineral because it is used to make <strong>batteries for phones, \n computers, and electric cars<\/strong>.\n <\/p>\n <p>\n The area is also home to many animals. You can see <strong>flamingos<\/strong> in the lagoons, as well as \n <strong>vicu\u00f1as<\/strong> and <strong>guanacos<\/strong> in the surrounding desert. The <strong>Atacama Desert<\/strong> \n is one of the <strong>driest places on Earth<\/strong>, but the Salar de Atacama has water and life because of \n the underground rivers that come from the Andes Mountains.\n <\/p>\n <p>\n Many <strong>tourists<\/strong> visit the Salar de Atacama every year. They come to see the <strong>salt flats<\/strong>, \n the lagoons, and the <strong>amazing sunsets<\/strong>. Visitors can also learn about the <strong>salt mining<\/strong> \n and <strong>lithium extraction<\/strong>. The local communities work in these industries, and they also welcome \n tourists to share their culture and traditions.\n <\/p>\n <p>\n The Salar de Atacama is not only a beautiful place but also a very important resource for <strong>renewable energy<\/strong> \n and <strong>modern technology<\/strong>. The lithium from this salt flat helps make the world more connected \n and sustainable.\n <\/p>\n <\/div>\n\n \n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section-title\">\n <span>SECTION 1: TRUE OR FALSE<\/span>\n <span class=\"badge\">5 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Read each statement. Select <strong>True<\/strong> or <strong>False<\/strong> based on the text.\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">1. The Salar de Atacama is located in the south of Chile.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q1\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q1\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">2. Lithium is used to make batteries for phones and electric cars.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q2\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q2\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">3. The Salar de Atacama is home to penguins and polar bears.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q3\" value=\"F\"> True<\/label>\n <label><input type=\"radio\" name=\"q3\" value=\"T\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">4. The Atacama Desert is one of the driest places on Earth.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q4\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q4\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">5. The Salar de Atacama covers an area of about 3,000 square kilometers.<\/div>\n <div class=\"tf-group\">\n <label><input type=\"radio\" name=\"q5\" value=\"T\"> True<\/label>\n <label><input type=\"radio\" name=\"q5\" value=\"F\"> False<\/label>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section-title\">\n <span>SECTION 2: MULTIPLE CHOICE<\/span>\n <span class=\"badge\">5 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Choose the best answer (A, B, or C) based on the text.\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">6. Where is the Salar de Atacama located?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q6\" value=\"A\"> <span class=\"letter\">A)<\/span> In the south of Chile<\/label>\n <label><input type=\"radio\" name=\"q6\" value=\"B\"> <span class=\"letter\">B)<\/span> In the north of Chile, near San Pedro de Atacama<\/label>\n <label><input type=\"radio\" name=\"q6\" value=\"C\"> <span class=\"letter\">C)<\/span> Near Santiago, Chile<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">7. Why is lithium important?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q7\" value=\"A\"> <span class=\"letter\">A)<\/span> It is used to make food<\/label>\n <label><input type=\"radio\" name=\"q7\" value=\"B\"> <span class=\"letter\">B)<\/span> It is used to make batteries for technology<\/label>\n <label><input type=\"radio\" name=\"q7\" value=\"C\"> <span class=\"letter\">C)<\/span> It is used to build houses<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">8. What animals can you see in the Salar de Atacama?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q8\" value=\"A\"> <span class=\"letter\">A)<\/span> Penguins and polar bears<\/label>\n <label><input type=\"radio\" name=\"q8\" value=\"B\"> <span class=\"letter\">B)<\/span> Flamingos, vicu\u00f1as, and guanacos<\/label>\n <label><input type=\"radio\" name=\"q8\" value=\"C\"> <span class=\"letter\">C)<\/span> Lions and elephants<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">9. What gives the lagoons their bright blue and green colors?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q9\" value=\"A\"> <span class=\"letter\">A)<\/span> The salt<\/label>\n <label><input type=\"radio\" name=\"q9\" value=\"B\"> <span class=\"letter\">B)<\/span> The minerals in the water<\/label>\n <label><input type=\"radio\" name=\"q9\" value=\"C\"> <span class=\"letter\">C)<\/span> The fish in the lagoons<\/label>\n <\/div>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">10. Why do tourists visit the Salar de Atacama?<\/div>\n <div class=\"options\">\n <label><input type=\"radio\" name=\"q10\" value=\"A\"> <span class=\"letter\">A)<\/span> To see the salt flats, lagoons, and sunsets<\/label>\n <label><input type=\"radio\" name=\"q10\" value=\"B\"> <span class=\"letter\">B)<\/span> To go skiing<\/label>\n <label><input type=\"radio\" name=\"q10\" value=\"C\"> <span class=\"letter\">C)<\/span> To swim in the ocean<\/label>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"section-title\">\n <span>SECTION 3: VOCABULARY MATCHING<\/span>\n <span class=\"badge\">5 Exercises<\/span>\n <\/div>\n <div class=\"section-instructions\">\n <strong>Instructions:<\/strong> Match the word with its correct definition. Choose the letter (A-E) from the dropdown menu.\n <\/div>\n\n <div style=\"background:#f7fafc; padding:12px 18px; border-radius:6px; margin-bottom:15px; border:1px solid #e2e8f0;\">\n <p style=\"font-size:14px; font-weight:600; color:#1a365d;\">Word Bank:<\/p>\n <p style=\"font-size:13px; color:#4a5568;\">\n <strong>A)<\/strong> A large area covered with salt<br>\n <strong>B)<\/strong> A natural substance found in the earth, like lithium<br>\n <strong>C)<\/strong> A pink bird with long legs that lives near water<br>\n <strong>D)<\/strong> The process of taking minerals from the ground<br>\n <strong>E)<\/strong> A large area of sand with very little water\n <\/p>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">11. Salt flat<\/div>\n <select name=\"q11\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">12. Mineral<\/div>\n <select name=\"q12\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">13. Flamingo<\/div>\n <select name=\"q13\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">14. Extraction<\/div>\n <select name=\"q14\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n <div class=\"question-block\">\n <div class=\"q-text\">15. Desert<\/div>\n <select name=\"q15\" style=\"padding:6px 12px; border:2px solid #cbd5e0; border-radius:4px; font-size:14px; font-family:inherit; width:200px;\">\n <option value=\"\">— Select —<\/option>\n <option value=\"A\">A<\/option>\n <option value=\"B\">B<\/option>\n <option value=\"C\">C<\/option>\n <option value=\"D\">D<\/option>\n <option value=\"E\">E<\/option>\n <\/select>\n <\/div>\n\n \n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit & Get Results<\/button>\n <\/form>\n\n \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 \n <div class=\"footer\">\n <span>\ud83c\udfdc\ufe0f Salar de Atacama – Reading Quiz<\/span>\n <span>\ud83d\udcda EPJA – English Class<\/span>\n <span>\ud83d\udccb Total: 15 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 = 15;\n let score = 0;\n let missingQuestions = [];\n\n \/\/ Correct answers\n const correctAnswers = {\n q1: \"F\", q2: \"T\", q3: \"F\", q4: \"T\", q5: \"T\",\n q6: \"B\", q7: \"B\", q8: \"B\", q9: \"B\", q10: \"A\",\n q11: \"A\", q12: \"B\", q13: \"C\", q14: \"D\", q15: \"E\"\n };\n\n \/\/ Validation\n for (let i = 1; i <= totalQuestions; i++) {\n const fieldName = 'q' + i;\n const element = form.querySelector(`[name=\"${fieldName}\"]`);\n \n if (!element) continue;\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${fieldName}\"]:checked`);\n if (!checked) {\n missingQuestions.push(i);\n }\n } else if (element.tagName === 'SELECT') {\n if (element.value === \"\") {\n missingQuestions.push(i);\n }\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 for (let key in correctAnswers) {\n const element = form.querySelector(`[name=\"${key}\"]`);\n if (!element) continue;\n\n let userValue = \"\";\n\n if (element.type === 'radio') {\n const checked = form.querySelector(`input[name=\"${key}\"]:checked`);\n userValue = checked ? checked.value : \"\";\n } else if (element.tagName === 'SELECT') {\n userValue = element.value;\n }\n\n if (userValue === 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: Salar de Atacama READING QUIZ Salar de Atacama – Chile \ud83d\udccb 15 Exercises \u00b7 EPJA Primer Ciclo Medio Version: Loading… \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udfdc\ufe0f The Salar de Atacama The Salar de Atacama is the largest salt flat in Chile and one of the most important natural wonders […]<\/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-570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/570","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=570"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/570\/revisions"}],"predecessor-version":[{"id":571,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/570\/revisions\/571"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}