\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n
Test de Gram\u00e1tica en Ingl\u00e9s - Test 13<\/title>\r\n <meta name=\"description\" content=\"Practica temas de gram\u00e1tica intermedia en ingl\u00e9s con nuestro test interactivo. Dise\u00f1ado para estudiantes de Centroam\u00e9rica, incluye explicaciones para repasar los conceptos despu\u00e9s de completar el test.\">\r\n <meta name=\"keywords\" content=\"gram\u00e1tica en ingl\u00e9s, simple future, present perfect, past perfect, conditionals, comparatives, superlatives, modal verbs, idioms, phrasal verbs, aprender ingl\u00e9s, Centroam\u00e9rica, test de ingl\u00e9s, ejercicios de ingl\u00e9s\">\r\n <link rel=\"canonical\" href=\"https:\/\/fortysite.com\/grammar-test-13\/\">\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #f4f4f9;\r\n color: #333;\r\n }\r\n\r\n .area-practica {\r\n margin-bottom: 20px;\r\n }\r\n\r\n select, button {\r\n padding: 10px;\r\n font-size: 1em;\r\n margin-top: 10px;\r\n }\r\n\r\n #resultado {\r\n margin-top: 10px;\r\n font-weight: bold;\r\n }\r\n\r\n .ejercicio-item {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .ejercicio-item p {\r\n margin: 0;\r\n }\r\n\r\n .ejercicio-item select {\r\n margin-top: 5px;\r\n }\r\n\r\n .correct {\r\n color: green;\r\n font-weight: bold;\r\n }\r\n\r\n .incorrect {\r\n color: red;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Modal popup styles *\/\r\n #animacion {\r\n display: none; \/* Oculto inicialmente *\/\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, 0.8); \/* Fondo oscuro con transparencia *\/\r\n z-index: 1000; \/* Asegurar que est\u00e9 por encima de todo *\/\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n #animacion .content {\r\n background: linear-gradient(45deg, #4CAF50, #81C784, #388E3C);\r\n background-size: 300% 300%;\r\n animation: animacionFondo 2s ease infinite;\r\n padding: 40px;\r\n border-radius: 10px;\r\n text-align: center;\r\n color: #fff;\r\n font-size: 24px;\r\n }\r\n\r\n @keyframes animacionFondo {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Estilos del bot\u00f3n de cerrar el modal *\/\r\n .close-btn {\r\n background-color: #f44336;\r\n border: none;\r\n color: white;\r\n padding: 10px 20px;\r\n text-align: center;\r\n text-decoration: none;\r\n display: inline-block;\r\n font-size: 16px;\r\n margin-top: 20px;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n }\r\n\r\n .close-btn:hover {\r\n background-color: #d32f2f;\r\n }\r\n\r\n \/* Estilos para el resumen de temas *\/\r\n #resumen {\r\n display: none; \/* Oculto inicialmente *\/\r\n margin-top: 20px;\r\n padding: 20px;\r\n background-color: #e0f7fa;\r\n border-radius: 10px;\r\n font-size: 16px;\r\n }\r\n\r\n #resumen h3 {\r\n margin-top: 0;\r\n }\r\n\r\n #resumen p {\r\n margin-bottom: 15px;\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header>\r\n <h1>Test de Gram\u00e1tica en Ingl\u00e9s - Test 13<\/h1>\r\n <p>Practica temas de gram\u00e1tica intermedia en ingl\u00e9s. Este test incluye un resumen de los conceptos para que puedas repasar despu\u00e9s de completarlo.<\/p>\r\n <\/header>\r\n \r\n <main>\r\n <section class=\"historia\">\r\n <h2>Un D\u00eda en la Vida de Sof\u00eda<\/h2>\r\n <p>Sof\u00eda es una joven salvadore\u00f1a que est\u00e1 planeando su futuro mientras reflexiona sobre sus logros pasados. Durante una conversaci\u00f3n con sus amigos, discuten sus sue\u00f1os, planes y desaf\u00edos utilizando diferentes estructuras gramaticales del ingl\u00e9s.<\/p>\r\n <\/section>\r\n\r\n <section class=\"area-practica\">\r\n <h2>Completa las Oraciones Basadas en la Historia de Sof\u00eda<\/h2>\r\n <div id=\"ejercicio\">\r\n <!-- Ejercicios din\u00e1micamente generados aqu\u00ed -->\r\n <\/div>\r\n <button id=\"verificarRespuestas\">Verificar Respuestas<\/button>\r\n <button id=\"intentarDeNuevo\" style=\"display: none;\">Intentar de Nuevo<\/button>\r\n <button id=\"finalizar\">Finalizar<\/button>\r\n <p id=\"resultado\"><\/p>\r\n <\/section>\r\n\r\n <!-- Modal de Animaci\u00f3n -->\r\n <div id=\"animacion\">\r\n <div class=\"content\">\r\n <p>\u00a1Buen trabajo! Has completado el test.<\/p>\r\n <button class=\"close-btn\" onclick=\"mostrarResumen()\">Cerrar<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Resumen de los Temas -->\r\n <div id=\"resumen\">\r\n <h3>Resumen de los Temas Practicados<\/h3>\r\n <p><strong>Simple Future:<\/strong> Se utiliza para hablar de acciones que ocurrir\u00e1n en el futuro. Se forma con \"will\" seguido del verbo en su forma base.<\/p>\r\n <p><strong>Present Perfect:<\/strong> Expresa acciones que comenzaron en el pasado y contin\u00faan en el presente, o acciones que ocurrieron en un tiempo no especificado. Se forma con \"have\/has\" seguido del participio pasado del verbo.<\/p>\r\n <p><strong>Past Perfect:<\/strong> Describe una acci\u00f3n que fue completada antes de otra acci\u00f3n en el pasado. Se forma con \"had\" seguido del participio pasado del verbo.<\/p>\r\n <p><strong>Conditionals:<\/strong> Expresan situaciones hipot\u00e9ticas y sus posibles resultados. Se pueden dividir en condicionales de primer, segundo, y tercer tipo.<\/p>\r\n <p><strong>Comparatives & Superlatives:<\/strong> Se utilizan para comparar dos o m\u00e1s elementos. Los comparativos se forman generalmente a\u00f1adiendo \"-er\" o usando \"more,\" mientras que los superlativos se forman con \"-est\" o \"most\".<\/p>\r\n <p><strong>Modal Verbs:<\/strong> Verbos auxiliares que expresan capacidad, posibilidad, permiso u obligaci\u00f3n. Ejemplos incluyen \"can,\" \"must,\" \"should.\"<\/p>\r\n <p><strong>Phrasal Verbs:<\/strong> Combinaciones de un verbo con una preposici\u00f3n o adverbio que cambian el significado del verbo original. Ejemplos: \"give up,\" \"look after,\" \"take off.\"<\/p>\r\n <\/div>\r\n <\/main>\r\n\r\n <footer>\r\n <p>© 2024 Fortysite. Todos los derechos reservados. Aprende ingl\u00e9s con nuestros ejercicios y recursos educativos.<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const ejercicioDiv = document.getElementById('ejercicio');\r\n const verificarBtn = document.getElementById('verificarRespuestas');\r\n const intentarBtn = document.getElementById('intentarDeNuevo');\r\n const finalizarBtn = document.getElementById('finalizar');\r\n const resultadoP = document.getElementById('resultado');\r\n const animacionDiv = document.getElementById('animacion');\r\n const resumenDiv = document.getElementById('resumen');\r\n\r\n const ejercicios = [\r\n \/\/ Simple Future\r\n {\r\n frase: \"Sof\u00eda ___ to start her new job next month.\",\r\n opciones: [\"will begin\", \"begins\", \"began\"],\r\n respuesta: \"will begin\"\r\n },\r\n {\r\n frase: \"She ___ a new car after her first paycheck.\",\r\n opciones: [\"will buy\", \"buys\", \"bought\"],\r\n respuesta: \"will buy\"\r\n },\r\n \/\/ Present Perfect\r\n {\r\n frase: \"Sof\u00eda ___ many goals this year.\",\r\n opciones: [\"has achieved\", \"achieves\", \"achieved\"],\r\n respuesta: \"has achieved\"\r\n },\r\n {\r\n frase: \"She ___ with her best friend for ten years.\",\r\n opciones: [\"has lived\", \"lives\", \"lived\"],\r\n respuesta: \"has lived\"\r\n },\r\n \/\/ Past Perfect\r\n {\r\n frase: \"By the time Sof\u00eda got home, her parents ___ dinner.\",\r\n opciones: [\"had prepared\", \"prepared\", \"prepares\"],\r\n respuesta: \"had prepared\"\r\n },\r\n {\r\n frase: \"She ___ her project before the deadline.\",\r\n opciones: [\"had completed\", \"completes\", \"completed\"],\r\n respuesta: \"had completed\"\r\n },\r\n \/\/ Conditionals\r\n {\r\n frase: \"If Sof\u00eda ___ enough money, she would travel to Europe.\",\r\n opciones: [\"had\", \"has\", \"have\"],\r\n respuesta: \"had\"\r\n },\r\n {\r\n frase: \"If she ___ the opportunity, she will take it.\",\r\n opciones: [\"gets\", \"get\", \"got\"],\r\n respuesta: \"gets\"\r\n },\r\n \/\/ Comparatives & Superlatives\r\n {\r\n frase: \"Sof\u00eda is ___ than her sister.\",\r\n opciones: [\"taller\", \"tallest\", \"tall\"],\r\n respuesta: \"taller\"\r\n },\r\n {\r\n frase: \"This is the ___ place she has ever visited.\",\r\n opciones: [\"most beautiful\", \"more beautiful\", \"beautiful\"],\r\n respuesta: \"most beautiful\"\r\n },\r\n \/\/ Modal Verbs\r\n {\r\n frase: \"Sof\u00eda ___ study harder for her exams.\",\r\n opciones: [\"should\", \"can\", \"must\"],\r\n respuesta: \"should\"\r\n },\r\n {\r\n frase: \"She ___ speak three languages fluently.\",\r\n opciones: [\"can\", \"should\", \"must\"],\r\n respuesta: \"can\"\r\n },\r\n \/\/ Phrasal Verbs\r\n {\r\n frase: \"Sof\u00eda ___ up her new schedule quickly.\",\r\n opciones: [\"picks\", \"gives\", \"sets\"],\r\n respuesta: \"picks\"\r\n },\r\n {\r\n frase: \"She ___ in on her friends to see how they are doing.\",\r\n opciones: [\"checks\", \"looks\", \"calls\"],\r\n respuesta: \"checks\"\r\n }\r\n ];\r\n\r\n function shuffleArray(array) {\r\n for (let i = array.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [array[i], array[j]] = [array[j], array[i]];\r\n }\r\n }\r\n\r\n function cargarEjercicios() {\r\n \/\/ Aleatorizar preguntas\r\n shuffleArray(ejercicios);\r\n\r\n ejercicioDiv.innerHTML = '';\r\n ejercicios.forEach((ejercicio, index) => {\r\n const ejercicioItem = document.createElement('div');\r\n ejercicioItem.classList.add('ejercicio-item');\r\n \r\n const pregunta = document.createElement('p');\r\n pregunta.textContent = `${index + 1}. ${ejercicio.frase}`;\r\n \r\n const select = document.createElement('select');\r\n\r\n \/\/ Aleatorizar opciones\r\n const opcionesAleatorias = [...ejercicio.opciones];\r\n shuffleArray(opcionesAleatorias);\r\n\r\n opcionesAleatorias.forEach(opcion => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = opcion;\r\n optionElement.textContent = opcion;\r\n select.appendChild(optionElement);\r\n });\r\n\r\n ejercicioItem.appendChild(pregunta);\r\n ejercicioItem.appendChild(select);\r\n ejercicioDiv.appendChild(ejercicioItem);\r\n });\r\n }\r\n\r\n function verificarRespuestas() {\r\n let correctas = 0;\r\n ejercicios.forEach((ejercicio, index) => {\r\n const select = ejercicioDiv.getElementsByTagName('select')[index];\r\n const respuestaSeleccionada = select.value;\r\n const pregunta = ejercicioDiv.getElementsByTagName('p')[index];\r\n \r\n if (respuestaSeleccionada === ejercicio.respuesta) {\r\n correctas++;\r\n pregunta.classList.add('correct');\r\n pregunta.classList.remove('incorrect');\r\n } else {\r\n pregunta.classList.add('incorrect');\r\n pregunta.classList.remove('correct');\r\n }\r\n });\r\n\r\n resultadoP.textContent = `Has respondido correctamente ${correctas} de ${ejercicios.length} preguntas.`;\r\n resultadoP.style.color = correctas === ejercicios.length ? 'green' : 'red';\r\n\r\n \/\/ Mostrar modal de animaci\u00f3n solo si todas las respuestas son correctas\r\n if (correctas === ejercicios.length) {\r\n animacionDiv.style.display = 'flex'; \/\/ Mostrar el modal\r\n }\r\n\r\n \/\/ Mostrar bot\u00f3n \"Intentar de Nuevo\"\r\n intentarBtn.style.display = 'inline-block';\r\n\r\n \/\/ Deshabilitar bot\u00f3n \"Verificar Respuestas\"\r\n verificarBtn.disabled = true;\r\n }\r\n\r\n function mostrarResumen() {\r\n animacionDiv.style.display = 'none';\r\n resumenDiv.style.display = 'block'; \/\/ Mostrar el resumen\r\n }\r\n\r\n function intentarDeNuevo() {\r\n window.location.reload();\r\n }\r\n\r\n verificarBtn.addEventListener('click', verificarRespuestas);\r\n intentarBtn.addEventListener('click', intentarDeNuevo);\r\n finalizarBtn.addEventListener('click', mostrarResumen);\r\n\r\n \/\/ Inicializar los ejercicios\r\n cargarEjercicios();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Test de Gram\u00e1tica en Ingl\u00e9s – Test 13 Test de Gram\u00e1tica en Ingl\u00e9s – Test 13 Practica temas de gram\u00e1tica intermedia en ingl\u00e9s. Este test incluye un resumen de los conceptos para que puedas repasar despu\u00e9s de completarlo. Un D\u00eda en la Vida de Sof\u00eda Sof\u00eda es una joven salvadore\u00f1a que est\u00e1 planeando su futuro […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[33],"tags":[],"class_list":["post-2888","post","type-post","status-publish","format-standard","hentry","category-ingles-examenes"],"_links":{"self":[{"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts\/2888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/comments?post=2888"}],"version-history":[{"count":4,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts\/2888\/revisions"}],"predecessor-version":[{"id":2892,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts\/2888\/revisions\/2892"}],"wp:attachment":[{"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/media?parent=2888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/categories?post=2888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/tags?post=2888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}