Evaluaci\u00f3n: Las Pir\u00e1mides de Egipto<\/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\/Pyramids.jpg\" alt=\"The Pyramids of Egypt\" class=\"header-image\" onerror=\"this.style.display='none'\">\n <h1>\ud83d\udcd6 READING EVALUATION<\/h1>\n <h2>The Pyramids of Egypt<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 20 Exercises \u00b7 EPJA – Segundo 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 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\udfdb\ufe0f The Pyramids of Egypt<\/h3>\n <p>\n The <strong>Pyramids of Egypt<\/strong> are among the most famous and mysterious structures in the world. \n Located on the <strong>Giza Plateau<\/strong>, near Cairo, they have stood for thousands of years as a testament \n to the power and ingenuity of ancient Egyptian civilization. The most famous pyramids are the <strong>Great Pyramid of Giza<\/strong>, \n the <strong>Pyramid of Khafre<\/strong>, and the <strong>Pyramid of Menkaure<\/strong>.\n <\/p>\n <p>\n The <strong>Great Pyramid of Giza<\/strong> is the oldest and largest of the three pyramids. It was built for \n the Pharaoh <strong>Khufu<\/strong> around <strong>4,500 years ago<\/strong>. For centuries, it was the tallest \n man-made structure in the world, standing at about <strong>146 meters (481 feet)<\/strong>. The pyramid is made \n of approximately <strong>2.3 million limestone blocks<\/strong>, each weighing between 2.5 and 15 tons.\n <\/p>\n <p>\n The construction of these pyramids remains a <strong>great mystery<\/strong>. Historians and archaeologists have \n proposed many theories about how they were built. Some suggest that workers used <strong>ramps and levers<\/strong> \n to move the massive stones, while others believe that <strong>water channels<\/strong> were used to float the \n blocks into place. It is known that thousands of workers, including skilled artisans and laborers, participated \n in the construction.\n <\/p>\n <p>\n The pyramids were built as <strong>tombs for the pharaohs<\/strong>. They were designed to protect the bodies of \n the kings and their treasures for the afterlife. Inside the pyramids, there are chambers and passages, \n some of which contain <strong>hieroglyphics<\/strong> and treasures. The <strong>Great Sphinx<\/strong>, a \n massive statue with the body of a lion and the head of a pharaoh, stands nearby and guards the pyramids.\n <\/p>\n <div class=\"highlight-box\">\n <strong>\ud83d\udd0d Key Vocabulary:<\/strong><br>\n \u2022 <strong>Pharaoh:<\/strong> A king of ancient Egypt.<br>\n \u2022 <strong>Hieroglyphics:<\/strong> A system of writing using pictures and symbols.<br>\n \u2022 <strong>Limestone:<\/strong> A type of rock used in construction.<br>\n \u2022 <strong>Ingenuity:<\/strong> The quality of being clever and inventive.\n <\/div>\n <p>\n Today, the Pyramids of Egypt are a <strong>UNESCO World Heritage Site<\/strong> and one of the most popular tourist \n destinations in the world. They continue to inspire awe and admiration for the achievements of ancient \n civilizations and remain a symbol of human creativity and perseverance.\n <\/p>\n <\/div>\n\n \n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section-title\">\n <span>READING COMPREHENSION<\/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.\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\udfdb\ufe0f The Pyramids of Egypt – 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: 'Where are the Pyramids of Egypt located?',\n options: ['Near Cairo, on the Giza Plateau', 'In the Sahara Desert', 'Near the Nile River', 'In Luxor'],\n correct: 'Near Cairo, on the Giza Plateau'\n },\n {\n id: 'q2',\n stem: 'Which is the oldest and largest of the three main pyramids?',\n options: ['The Pyramid of Khafre', 'The Great Pyramid of Giza', 'The Pyramid of Menkaure', 'The Sphinx'],\n correct: 'The Great Pyramid of Giza'\n },\n {\n id: 'q3',\n stem: 'For which pharaoh was the Great Pyramid built?',\n options: ['Khafre', 'Menkaure', 'Khufu', 'Ramses'],\n correct: 'Khufu'\n },\n {\n id: 'q4',\n stem: 'How tall was the Great Pyramid of Giza originally?',\n options: ['100 meters', '146 meters', '200 meters', '250 meters'],\n correct: '146 meters'\n },\n {\n id: 'q5',\n stem: 'Approximately how many limestone blocks were used to build the Great Pyramid?',\n options: ['1 million', '2.3 million', '3 million', '5 million'],\n correct: '2.3 million'\n },\n {\n id: 'q6',\n stem: 'What was the main purpose of the pyramids?',\n options: ['Temples for worship', 'Tombs for pharaohs', 'Palaces for kings', 'Fortresses for defense'],\n correct: 'Tombs for pharaohs'\n },\n {\n id: 'q7',\n stem: 'What is the Great Sphinx?',\n options: ['A giant statue of a pharaoh', 'A statue with the body of a lion and the head of a pharaoh', 'A temple', 'A type of pyramid'],\n correct: 'A statue with the body of a lion and the head of a pharaoh'\n },\n {\n id: 'q8',\n stem: 'What system of writing is found inside the pyramids?',\n options: ['Cuneiform', 'Hieroglyphics', 'Alphabet', 'Pictograms'],\n correct: 'Hieroglyphics'\n },\n {\n id: 'q9',\n stem: 'How long ago was the Great Pyramid built?',\n options: ['2,000 years ago', '3,000 years ago', '4,500 years ago', '6,000 years ago'],\n correct: '4,500 years ago'\n },\n {\n id: 'q10',\n stem: 'What is limestone?',\n options: ['A type of metal', 'A type of rock used in construction', 'A type of wood', 'A type of paint'],\n correct: 'A type of rock used in construction'\n },\n {\n id: 'q11',\n stem: 'What does the word \"pharaoh\" mean?',\n options: ['A priest', 'A king of ancient Egypt', 'A god', 'A general'],\n correct: 'A king of ancient Egypt'\n },\n {\n id: 'q12',\n stem: 'What is the name of the tallest man-made structure for centuries?',\n options: ['The Pyramid of Khafre', 'The Great Pyramid of Giza', 'The Pyramid of Menkaure', 'The Sphinx'],\n correct: 'The Great Pyramid of Giza'\n },\n {\n id: 'q13',\n stem: 'What is the current status of the Pyramids of Egypt?',\n options: ['They are abandoned', 'They are a UNESCO World Heritage Site', 'They are in ruins', 'They are underwater'],\n correct: 'They are a UNESCO World Heritage Site'\n },\n {\n id: 'q14',\n stem: 'What is \"ingenuity\" as mentioned in the text?',\n options: ['The quality of being clever and inventive', 'A type of building', 'An ancient weapon', 'A religious ritual'],\n correct: 'The quality of being clever and inventive'\n },\n {\n id: 'q15',\n stem: 'What did the workers likely use to move the massive stones?',\n options: ['Ramps and levers', 'Machines', 'Animals', 'Chariots'],\n correct: 'Ramps and levers'\n },\n {\n id: 'q16',\n stem: 'What was placed inside the pyramids to protect the pharaoh?',\n options: ['The body and treasures for the afterlife', 'Food and water', 'Weapons', 'Books'],\n correct: 'The body and treasures for the afterlife'\n },\n {\n id: 'q17',\n stem: 'Where is the Giza Plateau located?',\n options: ['Near Luxor', 'Near Cairo', 'Near Alexandria', 'Near the Red Sea'],\n correct: 'Near Cairo'\n },\n {\n id: 'q18',\n stem: 'Who were responsible for building the pyramids?',\n options: ['Slaves', 'Skilled workers and laborers', 'Foreign invaders', 'Priests only'],\n correct: 'Skilled workers and laborers'\n },\n {\n id: 'q19',\n stem: 'What does the Sphinx represent?',\n options: ['The power of the pharaoh', 'The wisdom of the pharaoh', 'Both a lion and a pharaoh', 'The gods of Egypt'],\n correct: 'Both a lion and a pharaoh'\n },\n {\n id: 'q20',\n stem: 'What is the main message of the text about the Pyramids of Egypt?',\n options: ['They are just old buildings', 'They are a symbol of human creativity and perseverance', 'They were built by aliens', 'They are not important'],\n correct: 'They are a symbol of human creativity and perseverance'\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 \/\/ Clasificar por tipo de pregunta\n if (q.stem.includes('located') || q.stem.includes('Where')) {\n wrongTopicsSet.add('ubicaci\u00f3n');\n } else if (q.stem.includes('What') || q.stem.includes('meaning')) {\n wrongTopicsSet.add('vocabulario');\n } else if (q.stem.includes('How') || q.stem.includes('number')) {\n wrongTopicsSet.add('datos num\u00e9ricos');\n } else if (q.stem.includes('main purpose') || q.stem.includes('main message')) {\n wrongTopicsSet.add('idea principal');\n } else {\n wrongTopicsSet.add('comprensi\u00f3n general');\n }\n }\n });\n\n const remedialAdvice = {\n 'ubicaci\u00f3n': {\n title: '\ud83d\udccd Ubicaci\u00f3n y Datos Geogr\u00e1ficos',\n advice: 'Practica la identificaci\u00f3n de lugares y coordenadas en textos informativos.',\n examples: 'Usa mapas para localizar lugares mencionados. Practica con preguntas como \"\u00bfD\u00f3nde se encuentra...?\"'\n },\n 'vocabulario': {\n title: '\ud83d\udcda Vocabulario en Contexto',\n advice: 'Ampl\u00eda tu vocabulario aprendiendo palabras clave de cada texto.',\n examples: 'Crea tarjetas de vocabulario con palabras nuevas y sus definiciones. Lee textos similares para ver las palabras en contexto.'\n },\n 'datos num\u00e9ricos': {\n title: '\ud83d\udd22 Comprensi\u00f3n de Datos Num\u00e9ricos',\n advice: 'Presta atenci\u00f3n a fechas, cantidades y medidas en los textos.',\n examples: 'Subraya todos los n\u00fameros mientras lees. Practica con preguntas que requieran recordar cifras espec\u00edficas.'\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 del texto.',\n examples: 'Practica resumiendo p\u00e1rrafos en una oraci\u00f3n. Lee textos y preg\u00fantate \"\u00bfCu\u00e1l es el mensaje central?\"'\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. Contin\u00faa practicando para mejorar a\u00fan m\u00e1s.<\/div>\n <div class=\"examples\">\ud83d\udca1 Sigue leyendo textos en ingl\u00e9s para ampliar tu vocabulario y comprensi\u00f3n.<\/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: Las Pir\u00e1mides de Egipto \ud83d\udcd6 READING EVALUATION The Pyramids of Egypt \ud83d\udccb 20 Exercises \u00b7 EPJA – Segundo Ciclo Medio Version: Loading… \ud83d\udc64 Nombre Completo: \ud83d\udcc5 Fecha: \ud83d\udcda Curso \/ Nivel: \ud83c\udfdb\ufe0f The Pyramids of Egypt The Pyramids of Egypt are among the most famous and mysterious structures in the world. Located on the […]<\/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-627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/627","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=627"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/627\/revisions"}],"predecessor-version":[{"id":628,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/627\/revisions\/628"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":627,"date":"2026-07-22T02:30:52","date_gmt":"2026-07-22T02:30:52","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=627"},"modified":"2026-07-22T02:30:52","modified_gmt":"2026-07-22T02:30:52","slug":"627-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/627-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Evaluaci\u00f3n: Las Pir\u00e1mides de Egipto<\/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\/Pyramids.jpg\" alt=\"The Pyramids of Egypt\" class=\"header-image\" onerror=\"this.style.display='none'\">\n <h1>\ud83d\udcd6 READING EVALUATION<\/h1>\n <h2>The Pyramids of Egypt<\/h2>\n <span class=\"subtitle\">\ud83d\udccb 20 Exercises \u00b7 EPJA – Segundo 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 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\udfdb\ufe0f The Pyramids of Egypt<\/h3>\n <p>\n The <strong>Pyramids of Egypt<\/strong> are among the most famous and mysterious structures in the world. \n Located on the <strong>Giza Plateau<\/strong>, near Cairo, they have stood for thousands of years as a testament \n to the power and ingenuity of ancient Egyptian civilization. The most famous pyramids are the <strong>Great Pyramid of Giza<\/strong>, \n the <strong>Pyramid of Khafre<\/strong>, and the <strong>Pyramid of Menkaure<\/strong>.\n <\/p>\n <p>\n The <strong>Great Pyramid of Giza<\/strong> is the oldest and largest of the three pyramids. It was built for \n the Pharaoh <strong>Khufu<\/strong> around <strong>4,500 years ago<\/strong>. For centuries, it was the tallest \n man-made structure in the world, standing at about <strong>146 meters (481 feet)<\/strong>. The pyramid is made \n of approximately <strong>2.3 million limestone blocks<\/strong>, each weighing between 2.5 and 15 tons.\n <\/p>\n <p>\n The construction of these pyramids remains a <strong>great mystery<\/strong>. Historians and archaeologists have \n proposed many theories about how they were built. Some suggest that workers used <strong>ramps and levers<\/strong> \n to move the massive stones, while others believe that <strong>water channels<\/strong> were used to float the \n blocks into place. It is known that thousands of workers, including skilled artisans and laborers, participated \n in the construction.\n <\/p>\n <p>\n The pyramids were built as <strong>tombs for the pharaohs<\/strong>. They were designed to protect the bodies of \n the kings and their treasures for the afterlife. Inside the pyramids, there are chambers and passages, \n some of which contain <strong>hieroglyphics<\/strong> and treasures. The <strong>Great Sphinx<\/strong>, a \n massive statue with the body of a lion and the head of a pharaoh, stands nearby and guards the pyramids.\n <\/p>\n <div class=\"highlight-box\">\n <strong>\ud83d\udd0d Key Vocabulary:<\/strong><br>\n \u2022 <strong>Pharaoh:<\/strong> A king of ancient Egypt.<br>\n \u2022 <strong>Hieroglyphics:<\/strong> A system of writing using pictures and symbols.<br>\n \u2022 <strong>Limestone:<\/strong> A type of rock used in construction.<br>\n \u2022 <strong>Ingenuity:<\/strong> The quality of being clever and inventive.\n <\/div>\n <p>\n Today, the Pyramids of Egypt are a <strong>UNESCO World Heritage Site<\/strong> and one of the most popular tourist \n destinations in the world. They continue to inspire awe and admiration for the achievements of ancient \n civilizations and remain a symbol of human creativity and perseverance.\n <\/p>\n <\/div>\n\n \n <form id=\"quizForm\" novalidate>\n \n \n \n \n <div class=\"section-title\">\n <span>READING COMPREHENSION<\/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.\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\udfdb\ufe0f The Pyramids of Egypt – 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: 'Where are the Pyramids of Egypt located?',\n options: ['Near Cairo, on the Giza Plateau', 'In the Sahara Desert', 'Near the Nile River', 'In Luxor'],\n correct: 'Near Cairo, on the Giza Plateau'\n },\n {\n id: 'q2',\n stem: 'Which is the oldest and largest of the three main pyramids?',\n options: ['The Pyramid of Khafre', 'The Great Pyramid of Giza', 'The Pyramid of Menkaure', 'The Sphinx'],\n correct: 'The Great Pyramid of Giza'\n },\n {\n id: 'q3',\n stem: 'For which pharaoh was the Great Pyramid built?',\n options: ['Khafre', 'Menkaure', 'Khufu', 'Ramses'],\n correct: 'Khufu'\n },\n {\n id: 'q4',\n stem: 'How tall was the Great Pyramid of Giza originally?',\n options: ['100 meters', '146 meters', '200 meters', '250 meters'],\n correct: '146 meters'\n },\n {\n id: 'q5',\n stem: 'Approximately how many limestone blocks were used to build the Great Pyramid?',\n options: ['1 million', '2.3 million', '3 million', '5 million'],\n correct: '2.3 million'\n },\n {\n id: 'q6',\n stem: 'What was the main purpose of the pyramids?',\n options: ['Temples for worship', 'Tombs for pharaohs', 'Palaces for kings', 'Fortresses for defense'],\n correct: 'Tombs for pharaohs'\n },\n {\n id: 'q7',\n stem: 'What is the Great Sphinx?',\n options: ['A giant statue of a pharaoh', 'A statue with the body of a lion and the head of a pharaoh', 'A temple', 'A type of pyramid'],\n correct: 'A statue with the body of a lion and the head of a pharaoh'\n },\n {\n id: 'q8',\n stem: 'What system of writing is found inside the pyramids?',\n options: ['Cuneiform', 'Hieroglyphics', 'Alphabet', 'Pictograms'],\n correct: 'Hieroglyphics'\n },\n {\n id: 'q9',\n stem: 'How long ago was the Great Pyramid built?',\n options: ['2,000 years ago', '3,000 years ago', '4,500 years ago', '6,000 years ago'],\n correct: '4,500 years ago'\n },\n {\n id: 'q10',\n stem: 'What is limestone?',\n options: ['A type of metal', 'A type of rock used in construction', 'A type of wood', 'A type of paint'],\n correct: 'A type of rock used in construction'\n },\n {\n id: 'q11',\n stem: 'What does the word \"pharaoh\" mean?',\n options: ['A priest', 'A king of ancient Egypt', 'A god', 'A general'],\n correct: 'A king of ancient Egypt'\n },\n {\n id: 'q12',\n stem: 'What is the name of the tallest man-made structure for centuries?',\n options: ['The Pyramid of Khafre', 'The Great Pyramid of Giza', 'The Pyramid of Menkaure', 'The Sphinx'],\n correct: 'The Great Pyramid of Giza'\n },\n {\n id: 'q13',\n stem: 'What is the current status of the Pyramids of Egypt?',\n options: ['They are abandoned', 'They are a UNESCO World Heritage Site', 'They are in ruins', 'They are underwater'],\n correct: 'They are a UNESCO World Heritage Site'\n },\n {\n id: 'q14',\n stem: 'What is \"ingenuity\" as mentioned in the text?',\n options: ['The quality of being clever and inventive', 'A type of building', 'An ancient weapon', 'A religious ritual'],\n correct: 'The quality of being clever and inventive'\n },\n {\n id: 'q15',\n stem: 'What did the workers likely use to move the massive stones?',\n options: ['Ramps and levers', 'Machines', 'Animals', 'Chariots'],\n correct: 'Ramps and levers'\n },\n {\n id: 'q16',\n stem: 'What was placed inside the pyramids to protect the pharaoh?',\n options: ['The body and treasures for the afterlife', 'Food and water', 'Weapons', 'Books'],\n correct: 'The body and treasures for the afterlife'\n },\n {\n id: 'q17',\n stem: 'Where is the Giza Plateau located?',\n options: ['Near Luxor', 'Near Cairo', 'Near Alexandria', 'Near the Red Sea'],\n correct: 'Near Cairo'\n },\n {\n id: 'q18',\n stem: 'Who were responsible for building the pyramids?',\n options: ['Slaves', 'Skilled workers and laborers', 'Foreign invaders', 'Priests only'],\n correct: 'Skilled workers and laborers'\n },\n {\n id: 'q19',\n stem: 'What does the Sphinx represent?',\n options: ['The power of the pharaoh', 'The wisdom of the pharaoh', 'Both a lion and a pharaoh', 'The gods of Egypt'],\n correct: 'Both a lion and a pharaoh'\n },\n {\n id: 'q20',\n stem: 'What is the main message of the text about the Pyramids of Egypt?',\n options: ['They are just old buildings', 'They are a symbol of human creativity and perseverance', 'They were built by aliens', 'They are not important'],\n correct: 'They are a symbol of human creativity and perseverance'\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 \/\/ Clasificar por tipo de pregunta\n if (q.stem.includes('located') || q.stem.includes('Where')) {\n wrongTopicsSet.add('ubicaci\u00f3n');\n } else if (q.stem.includes('What') || q.stem.includes('meaning')) {\n wrongTopicsSet.add('vocabulario');\n } else if (q.stem.includes('How') || q.stem.includes('number')) {\n wrongTopicsSet.add('datos num\u00e9ricos');\n } else if (q.stem.includes('main purpose') || q.stem.includes('main message')) {\n wrongTopicsSet.add('idea principal');\n } else {\n wrongTopicsSet.add('comprensi\u00f3n general');\n }\n }\n });\n\n const remedialAdvice = {\n 'ubicaci\u00f3n': {\n title: '\ud83d\udccd Ubicaci\u00f3n y Datos Geogr\u00e1ficos',\n advice: 'Practica la identificaci\u00f3n de lugares y coordenadas en textos informativos.',\n examples: 'Usa mapas para localizar lugares mencionados. Practica con preguntas como \"\u00bfD\u00f3nde se encuentra...?\"'\n },\n 'vocabulario': {\n title: '\ud83d\udcda Vocabulario en Contexto',\n advice: 'Ampl\u00eda tu vocabulario aprendiendo palabras clave de cada texto.',\n examples: 'Crea tarjetas de vocabulario con palabras nuevas y sus definiciones. Lee textos similares para ver las palabras en contexto.'\n },\n 'datos num\u00e9ricos': {\n title: '\ud83d\udd22 Comprensi\u00f3n de Datos Num\u00e9ricos',\n advice: 'Presta atenci\u00f3n a fechas, cantidades y medidas en los textos.',\n examples: 'Subraya todos los n\u00fameros mientras lees. Practica con preguntas que requieran recordar cifras espec\u00edficas.'\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 del texto.',\n examples: 'Practica resumiendo p\u00e1rrafos en una oraci\u00f3n. Lee textos y preg\u00fantate \"\u00bfCu\u00e1l es el mensaje central?\"'\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. Contin\u00faa practicando para mejorar a\u00fan m\u00e1s.<\/div>\n <div class=\"examples\">\ud83d\udca1 Sigue leyendo textos en ingl\u00e9s para ampliar tu vocabulario y comprensi\u00f3n.<\/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: Las Pir\u00e1mides de Egipto \ud83d\udcd6 READING EVALUATION The Pyramids of Egypt \ud83d\udccb 20 Exercises \u00b7 EPJA – Segundo Ciclo Medio Version: Loading… \ud83d\udc64 Nombre Completo: \ud83d\udcc5 Fecha: \ud83d\udcda Curso \/ Nivel: \ud83c\udfdb\ufe0f The Pyramids of Egypt The Pyramids of Egypt are among the most famous and mysterious structures in the world. Located on the […]<\/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-627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/627","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=627"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/627\/revisions"}],"predecessor-version":[{"id":628,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/627\/revisions\/628"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}