Evaluaci\u00f3n: La Gran Muralla China<\/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 .remedial-section {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 2px solid #e2e8f0;\n text-align: left;\n }\n \n .remedial-section .remedial-title {\n font-weight: 700;\n font-size: 18px;\n color: #1a365d;\n margin-bottom: 12px;\n text-align: center;\n }\n \n .remedial-section .remedial-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n \n .remedial-section .remedial-item {\n background: white;\n padding: 12px 16px;\n border-radius: 6px;\n border-left: 4px solid #e53e3e;\n }\n \n .remedial-section .remedial-item .topic {\n font-weight: 700;\n color: #2b6cb0;\n font-size: 14px;\n }\n \n .remedial-section .remedial-item .advice {\n font-size: 13px;\n color: #4a5568;\n margin-top: 3px;\n }\n \n .remedial-section .remedial-item .examples {\n font-size: 13px;\n color: #718096;\n font-style: italic;\n margin-top: 3px;\n }\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 .remedial-section .remedial-grid { grid-template-columns: 1fr; }\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 <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Muralla-china.jpg\" alt=\"The Great Wall of China\" class=\"header-image\" onerror=\"this.style.display='none'\">\n <h1>\ud83d\udcd6 READING EVALUATION<\/h1>\n <h2>The Great Wall of China<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 20 Exercises \u00b7 Inference & Comprehension<\/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 Nombre Completo:<\/label>\n <input type=\"text\" id=\"studentName\" placeholder=\"Ingresa tu nombre\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcc5 Fecha:<\/label>\n <input type=\"text\" id=\"studentDate\" placeholder=\"Ingresa la fecha\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcda Curso \/ Nivel:<\/label>\n <input type=\"text\" id=\"studentCourse\" placeholder=\"Ej: 3\u00b0 Medio EPJA\">\n <\/div>\n <\/div>\n\n \n <div class=\"reading-text\">\n <h3>\ud83c\udfef The Great Wall of China<\/h3>\n <p>\n The <strong>Great Wall of China<\/strong> is one of the most impressive architectural achievements in human history. Stretching over <strong>21,000 kilometers<\/strong>, it winds across mountains, deserts, and plains in northern China. The wall was not built as a single structure, but as a series of walls and fortifications built by different Chinese dynasties over many centuries.\n <\/p>\n <p>\n The primary purpose of the Great Wall was <strong>defense<\/strong>. It was built to protect the Chinese empire from invasions by nomadic groups from the north, such as the Mongols. However, the wall also served other functions. It helped control trade along the <strong>Silk Road<\/strong>, allowed for the regulation of immigration and emigration, and served as a way to monitor and tax goods entering the empire.\n <\/p>\n <p>\n The construction of the wall began as early as the <strong>7th century BC<\/strong>, but the most famous sections were built during the <strong>Ming Dynasty (1368\u20131644)<\/strong>. During this period, the wall was fortified with watchtowers, barracks, and signaling systems. The Ming section is the best-preserved and most visited part of the wall today.\n <\/p>\n <p>\n Building the Great Wall was a monumental task. It required the labor of <strong>soldiers, peasants, and prisoners<\/strong>. Many workers lost their lives during the construction. In some sections, the remains of workers are said to be buried within the wall itself, giving it the nickname <strong>“the longest cemetery on Earth.”<\/strong>\n <\/p>\n <div class=\"highlight-box\">\n <strong>\ud83d\udd0d Inference Tip:<\/strong><br>\n <strong>What is inference?<\/strong> It is reading between the lines to find information that the author does not state directly.<br>\n <strong>Example:<\/strong> If the text says “Many workers lost their lives during the construction,” you can infer that <em>the construction was dangerous and cost many lives<\/em>.\n <\/div>\n <p>\n Today, the Great Wall of China is a <strong>UNESCO World Heritage Site<\/strong> and a symbol of China’s enduring strength and resilience. It attracts millions of tourists each year who come to walk along its ancient paths and reflect on the efforts of those who built it. The wall remains a powerful reminder of human determination and the ability to create structures that stand the test of time.\n <\/p>\n <\/div>\n\n \n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section-title\">\n <span>READING COMPREHENSION & INFERENCE<\/span>\n <span class=\"badge\">20 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) for each question. Some questions require you to <strong>infer<\/strong> information.\n <\/div>\n\n <div id=\"questions-container\">\n \n <\/div>\n\n \n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Enviar y Ver Resultados<\/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 Correctas<\/div>\n <\/div>\n <div class=\"item incorrect\">\n <div class=\"number\" id=\"incorrectCount\">0<\/div>\n <div class=\"label\">\u274c Incorrectas<\/div>\n <\/div>\n <div class=\"item total\">\n <div class=\"number\">20<\/div>\n <div class=\"label\">\ud83d\udccb Total<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"remedial-section\" id=\"remedialSection\">\n <div class=\"remedial-title\">\ud83d\udcdd Plan de Estudio Personalizado<\/div>\n <div class=\"remedial-grid\" id=\"remedialGrid\">\n \n <\/div>\n <\/div>\n \n <div style=\"font-size:14px; color:#718096; margin-top:12px;\" id=\"studentSummary\"><\/div>\n <\/div>\n\n \n <div class=\"footer\">\n <span>\ud83c\udfef The Great Wall of China – Reading Evaluation<\/span>\n <span>\ud83d\udcda EPJA – Segundo Ciclo Medio<\/span>\n <span>\ud83d\udccb Total: 20 Exercises<\/span>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ================================================================\n \/\/ QUESTION BANK (20 preguntas) - Se mezclan en cada carga\n \/\/ ================================================================\n const questionBank = [\n {\n id: 'q1',\n stem: 'How long is the Great Wall of China?',\n options: ['15,000 kilometers', '21,000 kilometers', '25,000 kilometers', '30,000 kilometers'],\n correct: '21,000 kilometers'\n },\n {\n id: 'q2',\n stem: 'What was the primary purpose of the Great Wall?',\n options: ['Defense against invasions', 'Trade with other countries', 'Religious ceremonies', 'Agricultural purposes'],\n correct: 'Defense against invasions'\n },\n {\n id: 'q3',\n stem: 'When was the most famous section of the wall built?',\n options: ['7th century BC', 'Ming Dynasty (1368\u20131644)', 'Qin Dynasty', 'Han Dynasty'],\n correct: 'Ming Dynasty (1368\u20131644)'\n },\n {\n id: 'q4',\n stem: 'Who built the Great Wall?',\n options: ['Only soldiers', 'Only peasants', 'Soldiers, peasants, and prisoners', 'Foreigners'],\n correct: 'Soldiers, peasants, and prisoners'\n },\n {\n id: 'q5',\n stem: 'What is the nickname of the Great Wall?',\n options: ['The Great Barrier', 'The Longest Cemetery on Earth', 'The Silk Road', 'The Dragon Wall'],\n correct: 'The Longest Cemetery on Earth'\n },\n {\n id: 'q6',\n stem: '(Inference) What can you infer about the construction of the Great Wall?',\n options: ['It was easy and quick', 'It was dangerous and cost many lives', 'It was built by machines', 'It was completed in one year'],\n correct: 'It was dangerous and cost many lives'\n },\n {\n id: 'q7',\n stem: 'What is the Great Wall a symbol of?',\n options: ['Weakness', 'China\\'s enduring strength and resilience', 'Failure', 'Isolation'],\n correct: 'China\\'s enduring strength and resilience'\n },\n {\n id: 'q8',\n stem: 'What other function did the wall serve besides defense?',\n options: ['It was used for farming', 'It helped control trade along the Silk Road', 'It was a place of worship', 'It was a royal palace'],\n correct: 'It helped control trade along the Silk Road'\n },\n {\n id: 'q9',\n stem: 'During which dynasty was the best-preserved section of the wall built?',\n options: ['Ming Dynasty', 'Qin Dynasty', 'Han Dynasty', 'Tang Dynasty'],\n correct: 'Ming Dynasty'\n },\n {\n id: 'q10',\n stem: 'What does the Great Wall represent today?',\n options: ['A forgotten structure', 'A UNESCO World Heritage Site and popular tourist destination', 'A military base', 'A religious center'],\n correct: 'A UNESCO World Heritage Site and popular tourist destination'\n },\n {\n id: 'q11',\n stem: '(Inference) Why might workers have been buried within the wall?',\n options: ['It was a tradition', 'Many workers died during construction', 'They chose to be buried there', 'It was a punishment'],\n correct: 'Many workers died during construction'\n },\n {\n id: 'q12',\n stem: 'What does \"resilience\" mean in the context of the text?',\n options: ['The ability to recover from difficulties', 'The ability to build structures', 'The ability to fight', 'The ability to trade'],\n correct: 'The ability to recover from difficulties'\n },\n {\n id: 'q13',\n stem: '(Inference) What can you infer about the scale of the Great Wall?',\n options: ['It was a small project', 'It was a massive and complex project', 'It was built by a few people', 'It was completed quickly'],\n correct: 'It was a massive and complex project'\n },\n {\n id: 'q14',\n stem: 'What is the nickname \"the longest cemetery on Earth\" meant to convey?',\n options: ['That it is a peaceful place', 'That many workers died during its construction', 'That it is a tourist attraction', 'That it is a religious site'],\n correct: 'That many workers died during its construction'\n },\n {\n id: 'q15',\n stem: 'What was one of the secondary uses of the Great Wall?',\n options: ['To control immigration and emigration', 'To grow food', 'To house animals', 'To store water'],\n correct: 'To control immigration and emigration'\n },\n {\n id: 'q16',\n stem: '(Inference) What does the Great Wall reveal about the Chinese dynasties?',\n options: ['They were weak and disorganized', 'They were powerful and organized', 'They were isolated from the world', 'They were not interested in defense'],\n correct: 'They were powerful and organized'\n },\n {\n id: 'q17',\n stem: 'What is the significance of the Silk Road in relation to the Great Wall?',\n options: ['The wall was built along the Silk Road', 'The wall helped control trade on the Silk Road', 'The wall was used to transport silk', 'The wall was a stopping point for travelers'],\n correct: 'The wall helped control trade on the Silk Road'\n },\n {\n id: 'q18',\n stem: 'What was added to the wall during the Ming Dynasty?',\n options: ['Watchtowers, barracks, and signaling systems', 'Gardens and parks', 'Schools and hospitals', 'Shops and markets'],\n correct: 'Watchtowers, barracks, and signaling systems'\n },\n {\n id: 'q19',\n stem: '(Inference) What does the phrase \"standing the test of time\" suggest about the Great Wall?',\n options: ['It is very old', 'It has lasted for centuries', 'It has been renovated', 'It is popular'],\n correct: 'It has lasted for centuries'\n },\n {\n id: 'q20',\n stem: 'What is the main idea of the text?',\n options: ['The Great Wall is a historical monument', 'The Great Wall was built for defense and reflects human determination', 'The Great Wall is a tourist attraction', 'The Great Wall is in China'],\n correct: 'The Great Wall was built for defense and reflects human determination'\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 Evaluaci\u00f3n cargada correctamente con ' + questionBank.length + ' preguntas');\n }\n\n \/\/ ================================================================\n \/\/ CALCULATE SCORE - VALIDACI\u00d3N, PUNTUACI\u00d3N Y REMEDIALES\n \/\/ ================================================================\n function calculateScore() {\n const form = document.getElementById('quizForm');\n const totalQuestions = questionBank.length;\n let score = 0;\n let missingQuestions = [];\n let wrongTopics = [];\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 Por favor responde todas las 20 preguntas antes de enviar.\\n\\nPreguntas faltantes: \" + 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 } else if (checked) {\n wrongTopics.push(q.id);\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 || \"Estudiante\";\n const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n \/\/ ===== BUILD REMEDIAL ADVICE =====\n const remedialGrid = document.getElementById('remedialGrid');\n let remedialHTML = '';\n\n \/\/ Identificar \u00e1reas de mejora basadas en preguntas incorrectas\n const wrongTopicsSet = new Set();\n wrongTopics.forEach(id => {\n const q = questionBank.find(item => item.id === id);\n if (q) {\n if (q.stem.includes('Inference')) {\n wrongTopicsSet.add('inferencia');\n } else if (q.stem.includes('main idea')) {\n wrongTopicsSet.add('idea principal');\n } else if (q.stem.includes('symbol') || q.stem.includes('represent')) {\n wrongTopicsSet.add('simbolog\u00eda');\n } else if (q.stem.includes('vocabulary') || q.stem.includes('mean')) {\n wrongTopicsSet.add('vocabulario');\n } else {\n wrongTopicsSet.add('comprensi\u00f3n general');\n }\n }\n });\n\n const remedialAdvice = {\n 'inferencia': {\n title: '\ud83e\udde0 Habilidad de Inferencia',\n advice: 'Practica la lectura entre l\u00edneas para encontrar informaci\u00f3n impl\u00edcita.',\n examples: 'Lee textos y preg\u00fantate \"\u00bfQu\u00e9 quiere decir el autor sin decirlo directamente?\". Busca pistas en el texto.'\n },\n 'idea principal': {\n title: '\ud83d\udca1 Identificaci\u00f3n de la Idea Principal',\n advice: 'Conc\u00e9ntrate en el primer y \u00faltimo p\u00e1rrafo para encontrar la idea principal.',\n examples: 'Practica resumiendo cada p\u00e1rrafo en una oraci\u00f3n. Preg\u00fantate \"\u00bfCu\u00e1l es el mensaje central del texto?\"'\n },\n 'simbolog\u00eda': {\n title: '\ud83c\udfdb\ufe0f Comprensi\u00f3n de S\u00edmbolos y Significados',\n advice: 'Presta atenci\u00f3n a los s\u00edmbolos culturales y su significado en el contexto del texto.',\n examples: 'Investiga sobre los s\u00edmbolos culturales. Preg\u00fantate \"\u00bfQu\u00e9 representa este elemento en la cultura?\"'\n },\n 'vocabulario': {\n title: '\ud83d\udcda Vocabulario en Contexto',\n advice: 'Ampl\u00eda tu vocabulario aprendiendo palabras clave de cada texto y su significado en contexto.',\n examples: 'Crea tarjetas de vocabulario con palabras nuevas y sus definiciones. Lee textos similares para ver las palabras en contexto.'\n },\n 'comprensi\u00f3n general': {\n title: '\ud83d\udcd6 Comprensi\u00f3n General del Texto',\n advice: 'Mejora tu comprensi\u00f3n lectora haciendo preguntas despu\u00e9s de cada p\u00e1rrafo.',\n examples: 'Lee en voz alta y toma notas. Practica con textos de diferentes temas para ampliar tu comprensi\u00f3n.'\n }\n };\n\n \/\/ Determinar qu\u00e9 consejos mostrar\n let hasRemedial = false;\n if (wrongTopicsSet.size > 0) {\n wrongTopicsSet.forEach(topic => {\n if (remedialAdvice[topic]) {\n hasRemedial = true;\n const advice = remedialAdvice[topic];\n remedialHTML += `\n <div class=\"remedial-item\">\n <div class=\"topic\">${advice.title}<\/div>\n <div class=\"advice\">${advice.advice}<\/div>\n <div class=\"examples\">\ud83d\udca1 ${advice.examples}<\/div>\n <\/div>\n `;\n }\n });\n }\n\n \/\/ Si no hay \u00e1reas espec\u00edficas, mostrar mensaje general\n if (!hasRemedial) {\n remedialHTML = `\n <div class=\"remedial-item\" style=\"border-left-color:#38a169;\">\n <div class=\"topic\">\u2705 \u00a1Excelente trabajo!<\/div>\n <div class=\"advice\">Has demostrado una buena comprensi\u00f3n del texto y habilidad para inferir informaci\u00f3n.<\/div>\n <div class=\"examples\">\ud83d\udca1 Sigue leyendo textos en ingl\u00e9s y practicando la inferencia para mejorar a\u00fan m\u00e1s.<\/div>\n <\/div>\n `;\n }\n\n remedialGrid.innerHTML = remedialHTML;\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 \u00a1Aprobado! \/ Passed! \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>Puntaje \/ Score:<\/strong> ${score} de ${totalQuestions} correctas<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 de la evaluaci\u00f3n...');\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>Evaluaci\u00f3n: La Gran Muralla China \ud83d\udcd6 READING EVALUATION The Great Wall of China \ud83d\udccb 20 Exercises \u00b7 Inference & Comprehension Version: Loading… \ud83d\udc64 Nombre Completo: \ud83d\udcc5 Fecha: \ud83d\udcda Curso \/ Nivel: \ud83c\udfef The Great Wall of China The Great Wall of China is one of the most impressive architectural achievements in human history. Stretching over […]<\/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-631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/631","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=631"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/631\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/631\/revisions\/632"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":631,"date":"2026-07-22T02:42:00","date_gmt":"2026-07-22T02:42:00","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=631"},"modified":"2026-07-22T02:42:00","modified_gmt":"2026-07-22T02:42:00","slug":"631-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/631-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Evaluaci\u00f3n: La Gran Muralla China<\/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 .remedial-section {\n margin-top: 20px;\n padding-top: 20px;\n border-top: 2px solid #e2e8f0;\n text-align: left;\n }\n \n .remedial-section .remedial-title {\n font-weight: 700;\n font-size: 18px;\n color: #1a365d;\n margin-bottom: 12px;\n text-align: center;\n }\n \n .remedial-section .remedial-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n \n .remedial-section .remedial-item {\n background: white;\n padding: 12px 16px;\n border-radius: 6px;\n border-left: 4px solid #e53e3e;\n }\n \n .remedial-section .remedial-item .topic {\n font-weight: 700;\n color: #2b6cb0;\n font-size: 14px;\n }\n \n .remedial-section .remedial-item .advice {\n font-size: 13px;\n color: #4a5568;\n margin-top: 3px;\n }\n \n .remedial-section .remedial-item .examples {\n font-size: 13px;\n color: #718096;\n font-style: italic;\n margin-top: 3px;\n }\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 .remedial-section .remedial-grid { grid-template-columns: 1fr; }\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 <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Muralla-china.jpg\" alt=\"The Great Wall of China\" class=\"header-image\" onerror=\"this.style.display='none'\">\n <h1>\ud83d\udcd6 READING EVALUATION<\/h1>\n <h2>The Great Wall of China<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 20 Exercises \u00b7 Inference & Comprehension<\/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 Nombre Completo:<\/label>\n <input type=\"text\" id=\"studentName\" placeholder=\"Ingresa tu nombre\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcc5 Fecha:<\/label>\n <input type=\"text\" id=\"studentDate\" placeholder=\"Ingresa la fecha\">\n <\/div>\n <div class=\"field\">\n <label>\ud83d\udcda Curso \/ Nivel:<\/label>\n <input type=\"text\" id=\"studentCourse\" placeholder=\"Ej: 3\u00b0 Medio EPJA\">\n <\/div>\n <\/div>\n\n \n <div class=\"reading-text\">\n <h3>\ud83c\udfef The Great Wall of China<\/h3>\n <p>\n The <strong>Great Wall of China<\/strong> is one of the most impressive architectural achievements in human history. Stretching over <strong>21,000 kilometers<\/strong>, it winds across mountains, deserts, and plains in northern China. The wall was not built as a single structure, but as a series of walls and fortifications built by different Chinese dynasties over many centuries.\n <\/p>\n <p>\n The primary purpose of the Great Wall was <strong>defense<\/strong>. It was built to protect the Chinese empire from invasions by nomadic groups from the north, such as the Mongols. However, the wall also served other functions. It helped control trade along the <strong>Silk Road<\/strong>, allowed for the regulation of immigration and emigration, and served as a way to monitor and tax goods entering the empire.\n <\/p>\n <p>\n The construction of the wall began as early as the <strong>7th century BC<\/strong>, but the most famous sections were built during the <strong>Ming Dynasty (1368\u20131644)<\/strong>. During this period, the wall was fortified with watchtowers, barracks, and signaling systems. The Ming section is the best-preserved and most visited part of the wall today.\n <\/p>\n <p>\n Building the Great Wall was a monumental task. It required the labor of <strong>soldiers, peasants, and prisoners<\/strong>. Many workers lost their lives during the construction. In some sections, the remains of workers are said to be buried within the wall itself, giving it the nickname <strong>“the longest cemetery on Earth.”<\/strong>\n <\/p>\n <div class=\"highlight-box\">\n <strong>\ud83d\udd0d Inference Tip:<\/strong><br>\n <strong>What is inference?<\/strong> It is reading between the lines to find information that the author does not state directly.<br>\n <strong>Example:<\/strong> If the text says “Many workers lost their lives during the construction,” you can infer that <em>the construction was dangerous and cost many lives<\/em>.\n <\/div>\n <p>\n Today, the Great Wall of China is a <strong>UNESCO World Heritage Site<\/strong> and a symbol of China’s enduring strength and resilience. It attracts millions of tourists each year who come to walk along its ancient paths and reflect on the efforts of those who built it. The wall remains a powerful reminder of human determination and the ability to create structures that stand the test of time.\n <\/p>\n <\/div>\n\n \n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section-title\">\n <span>READING COMPREHENSION & INFERENCE<\/span>\n <span class=\"badge\">20 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) for each question. Some questions require you to <strong>infer<\/strong> information.\n <\/div>\n\n <div id=\"questions-container\">\n \n <\/div>\n\n \n <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Enviar y Ver Resultados<\/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 Correctas<\/div>\n <\/div>\n <div class=\"item incorrect\">\n <div class=\"number\" id=\"incorrectCount\">0<\/div>\n <div class=\"label\">\u274c Incorrectas<\/div>\n <\/div>\n <div class=\"item total\">\n <div class=\"number\">20<\/div>\n <div class=\"label\">\ud83d\udccb Total<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"remedial-section\" id=\"remedialSection\">\n <div class=\"remedial-title\">\ud83d\udcdd Plan de Estudio Personalizado<\/div>\n <div class=\"remedial-grid\" id=\"remedialGrid\">\n \n <\/div>\n <\/div>\n \n <div style=\"font-size:14px; color:#718096; margin-top:12px;\" id=\"studentSummary\"><\/div>\n <\/div>\n\n \n <div class=\"footer\">\n <span>\ud83c\udfef The Great Wall of China – Reading Evaluation<\/span>\n <span>\ud83d\udcda EPJA – Segundo Ciclo Medio<\/span>\n <span>\ud83d\udccb Total: 20 Exercises<\/span>\n <\/div>\n <\/div>\n\n <script>\n \/\/ ================================================================\n \/\/ QUESTION BANK (20 preguntas) - Se mezclan en cada carga\n \/\/ ================================================================\n const questionBank = [\n {\n id: 'q1',\n stem: 'How long is the Great Wall of China?',\n options: ['15,000 kilometers', '21,000 kilometers', '25,000 kilometers', '30,000 kilometers'],\n correct: '21,000 kilometers'\n },\n {\n id: 'q2',\n stem: 'What was the primary purpose of the Great Wall?',\n options: ['Defense against invasions', 'Trade with other countries', 'Religious ceremonies', 'Agricultural purposes'],\n correct: 'Defense against invasions'\n },\n {\n id: 'q3',\n stem: 'When was the most famous section of the wall built?',\n options: ['7th century BC', 'Ming Dynasty (1368\u20131644)', 'Qin Dynasty', 'Han Dynasty'],\n correct: 'Ming Dynasty (1368\u20131644)'\n },\n {\n id: 'q4',\n stem: 'Who built the Great Wall?',\n options: ['Only soldiers', 'Only peasants', 'Soldiers, peasants, and prisoners', 'Foreigners'],\n correct: 'Soldiers, peasants, and prisoners'\n },\n {\n id: 'q5',\n stem: 'What is the nickname of the Great Wall?',\n options: ['The Great Barrier', 'The Longest Cemetery on Earth', 'The Silk Road', 'The Dragon Wall'],\n correct: 'The Longest Cemetery on Earth'\n },\n {\n id: 'q6',\n stem: '(Inference) What can you infer about the construction of the Great Wall?',\n options: ['It was easy and quick', 'It was dangerous and cost many lives', 'It was built by machines', 'It was completed in one year'],\n correct: 'It was dangerous and cost many lives'\n },\n {\n id: 'q7',\n stem: 'What is the Great Wall a symbol of?',\n options: ['Weakness', 'China\\'s enduring strength and resilience', 'Failure', 'Isolation'],\n correct: 'China\\'s enduring strength and resilience'\n },\n {\n id: 'q8',\n stem: 'What other function did the wall serve besides defense?',\n options: ['It was used for farming', 'It helped control trade along the Silk Road', 'It was a place of worship', 'It was a royal palace'],\n correct: 'It helped control trade along the Silk Road'\n },\n {\n id: 'q9',\n stem: 'During which dynasty was the best-preserved section of the wall built?',\n options: ['Ming Dynasty', 'Qin Dynasty', 'Han Dynasty', 'Tang Dynasty'],\n correct: 'Ming Dynasty'\n },\n {\n id: 'q10',\n stem: 'What does the Great Wall represent today?',\n options: ['A forgotten structure', 'A UNESCO World Heritage Site and popular tourist destination', 'A military base', 'A religious center'],\n correct: 'A UNESCO World Heritage Site and popular tourist destination'\n },\n {\n id: 'q11',\n stem: '(Inference) Why might workers have been buried within the wall?',\n options: ['It was a tradition', 'Many workers died during construction', 'They chose to be buried there', 'It was a punishment'],\n correct: 'Many workers died during construction'\n },\n {\n id: 'q12',\n stem: 'What does \"resilience\" mean in the context of the text?',\n options: ['The ability to recover from difficulties', 'The ability to build structures', 'The ability to fight', 'The ability to trade'],\n correct: 'The ability to recover from difficulties'\n },\n {\n id: 'q13',\n stem: '(Inference) What can you infer about the scale of the Great Wall?',\n options: ['It was a small project', 'It was a massive and complex project', 'It was built by a few people', 'It was completed quickly'],\n correct: 'It was a massive and complex project'\n },\n {\n id: 'q14',\n stem: 'What is the nickname \"the longest cemetery on Earth\" meant to convey?',\n options: ['That it is a peaceful place', 'That many workers died during its construction', 'That it is a tourist attraction', 'That it is a religious site'],\n correct: 'That many workers died during its construction'\n },\n {\n id: 'q15',\n stem: 'What was one of the secondary uses of the Great Wall?',\n options: ['To control immigration and emigration', 'To grow food', 'To house animals', 'To store water'],\n correct: 'To control immigration and emigration'\n },\n {\n id: 'q16',\n stem: '(Inference) What does the Great Wall reveal about the Chinese dynasties?',\n options: ['They were weak and disorganized', 'They were powerful and organized', 'They were isolated from the world', 'They were not interested in defense'],\n correct: 'They were powerful and organized'\n },\n {\n id: 'q17',\n stem: 'What is the significance of the Silk Road in relation to the Great Wall?',\n options: ['The wall was built along the Silk Road', 'The wall helped control trade on the Silk Road', 'The wall was used to transport silk', 'The wall was a stopping point for travelers'],\n correct: 'The wall helped control trade on the Silk Road'\n },\n {\n id: 'q18',\n stem: 'What was added to the wall during the Ming Dynasty?',\n options: ['Watchtowers, barracks, and signaling systems', 'Gardens and parks', 'Schools and hospitals', 'Shops and markets'],\n correct: 'Watchtowers, barracks, and signaling systems'\n },\n {\n id: 'q19',\n stem: '(Inference) What does the phrase \"standing the test of time\" suggest about the Great Wall?',\n options: ['It is very old', 'It has lasted for centuries', 'It has been renovated', 'It is popular'],\n correct: 'It has lasted for centuries'\n },\n {\n id: 'q20',\n stem: 'What is the main idea of the text?',\n options: ['The Great Wall is a historical monument', 'The Great Wall was built for defense and reflects human determination', 'The Great Wall is a tourist attraction', 'The Great Wall is in China'],\n correct: 'The Great Wall was built for defense and reflects human determination'\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 Evaluaci\u00f3n cargada correctamente con ' + questionBank.length + ' preguntas');\n }\n\n \/\/ ================================================================\n \/\/ CALCULATE SCORE - VALIDACI\u00d3N, PUNTUACI\u00d3N Y REMEDIALES\n \/\/ ================================================================\n function calculateScore() {\n const form = document.getElementById('quizForm');\n const totalQuestions = questionBank.length;\n let score = 0;\n let missingQuestions = [];\n let wrongTopics = [];\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 Por favor responde todas las 20 preguntas antes de enviar.\\n\\nPreguntas faltantes: \" + 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 } else if (checked) {\n wrongTopics.push(q.id);\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 || \"Estudiante\";\n const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n \/\/ ===== BUILD REMEDIAL ADVICE =====\n const remedialGrid = document.getElementById('remedialGrid');\n let remedialHTML = '';\n\n \/\/ Identificar \u00e1reas de mejora basadas en preguntas incorrectas\n const wrongTopicsSet = new Set();\n wrongTopics.forEach(id => {\n const q = questionBank.find(item => item.id === id);\n if (q) {\n if (q.stem.includes('Inference')) {\n wrongTopicsSet.add('inferencia');\n } else if (q.stem.includes('main idea')) {\n wrongTopicsSet.add('idea principal');\n } else if (q.stem.includes('symbol') || q.stem.includes('represent')) {\n wrongTopicsSet.add('simbolog\u00eda');\n } else if (q.stem.includes('vocabulary') || q.stem.includes('mean')) {\n wrongTopicsSet.add('vocabulario');\n } else {\n wrongTopicsSet.add('comprensi\u00f3n general');\n }\n }\n });\n\n const remedialAdvice = {\n 'inferencia': {\n title: '\ud83e\udde0 Habilidad de Inferencia',\n advice: 'Practica la lectura entre l\u00edneas para encontrar informaci\u00f3n impl\u00edcita.',\n examples: 'Lee textos y preg\u00fantate \"\u00bfQu\u00e9 quiere decir el autor sin decirlo directamente?\". Busca pistas en el texto.'\n },\n 'idea principal': {\n title: '\ud83d\udca1 Identificaci\u00f3n de la Idea Principal',\n advice: 'Conc\u00e9ntrate en el primer y \u00faltimo p\u00e1rrafo para encontrar la idea principal.',\n examples: 'Practica resumiendo cada p\u00e1rrafo en una oraci\u00f3n. Preg\u00fantate \"\u00bfCu\u00e1l es el mensaje central del texto?\"'\n },\n 'simbolog\u00eda': {\n title: '\ud83c\udfdb\ufe0f Comprensi\u00f3n de S\u00edmbolos y Significados',\n advice: 'Presta atenci\u00f3n a los s\u00edmbolos culturales y su significado en el contexto del texto.',\n examples: 'Investiga sobre los s\u00edmbolos culturales. Preg\u00fantate \"\u00bfQu\u00e9 representa este elemento en la cultura?\"'\n },\n 'vocabulario': {\n title: '\ud83d\udcda Vocabulario en Contexto',\n advice: 'Ampl\u00eda tu vocabulario aprendiendo palabras clave de cada texto y su significado en contexto.',\n examples: 'Crea tarjetas de vocabulario con palabras nuevas y sus definiciones. Lee textos similares para ver las palabras en contexto.'\n },\n 'comprensi\u00f3n general': {\n title: '\ud83d\udcd6 Comprensi\u00f3n General del Texto',\n advice: 'Mejora tu comprensi\u00f3n lectora haciendo preguntas despu\u00e9s de cada p\u00e1rrafo.',\n examples: 'Lee en voz alta y toma notas. Practica con textos de diferentes temas para ampliar tu comprensi\u00f3n.'\n }\n };\n\n \/\/ Determinar qu\u00e9 consejos mostrar\n let hasRemedial = false;\n if (wrongTopicsSet.size > 0) {\n wrongTopicsSet.forEach(topic => {\n if (remedialAdvice[topic]) {\n hasRemedial = true;\n const advice = remedialAdvice[topic];\n remedialHTML += `\n <div class=\"remedial-item\">\n <div class=\"topic\">${advice.title}<\/div>\n <div class=\"advice\">${advice.advice}<\/div>\n <div class=\"examples\">\ud83d\udca1 ${advice.examples}<\/div>\n <\/div>\n `;\n }\n });\n }\n\n \/\/ Si no hay \u00e1reas espec\u00edficas, mostrar mensaje general\n if (!hasRemedial) {\n remedialHTML = `\n <div class=\"remedial-item\" style=\"border-left-color:#38a169;\">\n <div class=\"topic\">\u2705 \u00a1Excelente trabajo!<\/div>\n <div class=\"advice\">Has demostrado una buena comprensi\u00f3n del texto y habilidad para inferir informaci\u00f3n.<\/div>\n <div class=\"examples\">\ud83d\udca1 Sigue leyendo textos en ingl\u00e9s y practicando la inferencia para mejorar a\u00fan m\u00e1s.<\/div>\n <\/div>\n `;\n }\n\n remedialGrid.innerHTML = remedialHTML;\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 \u00a1Aprobado! \/ Passed! \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>Puntaje \/ Score:<\/strong> ${score} de ${totalQuestions} correctas<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 de la evaluaci\u00f3n...');\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>Evaluaci\u00f3n: La Gran Muralla China \ud83d\udcd6 READING EVALUATION The Great Wall of China \ud83d\udccb 20 Exercises \u00b7 Inference & Comprehension Version: Loading… \ud83d\udc64 Nombre Completo: \ud83d\udcc5 Fecha: \ud83d\udcda Curso \/ Nivel: \ud83c\udfef The Great Wall of China The Great Wall of China is one of the most impressive architectural achievements in human history. Stretching over […]<\/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-631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/631","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=631"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/631\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/631\/revisions\/632"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}