\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n
Ejercicios de Gram\u00e1tica en Ingl\u00e9s - Fortysite<\/title>\r\n <style>\r\n \r\n main {\r\n margin: 20px;\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 <\/style>\r\n<\/head>\r\n<body>\r\n <header>\r\n <h1>Ejercicios de Gram\u00e1tica en Ingl\u00e9s<\/h1>\r\n <p>Practica tus habilidades de gram\u00e1tica seleccionando la opci\u00f3n correcta para completar las oraciones.<\/p>\r\n <\/header>\r\n \r\n <main>\r\n <section class=\"area-practica\">\r\n <h2>Completa las Oraciones<\/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 <p id=\"resultado\"><\/p>\r\n <\/section>\r\n <\/main>\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 resultadoP = document.getElementById('resultado');\r\n\r\n const ejercicios = [\r\n {\r\n frase: \"She ___ to the market every morning.\",\r\n opciones: [\"go\", \"goes\", \"going\"],\r\n respuesta: \"goes\"\r\n },\r\n {\r\n frase: \"They ___ playing football in the park.\",\r\n opciones: [\"is\", \"are\", \"am\"],\r\n respuesta: \"are\"\r\n },\r\n {\r\n frase: \"He ___ a book now.\",\r\n opciones: [\"read\", \"reading\", \"is reading\"],\r\n respuesta: \"is reading\"\r\n },\r\n {\r\n frase: \"I ___ to the gym on Sundays.\",\r\n opciones: [\"go\", \"goes\", \"going\"],\r\n respuesta: \"go\"\r\n },\r\n {\r\n frase: \"We ___ finished our homework.\",\r\n opciones: [\"have\", \"has\", \"having\"],\r\n respuesta: \"have\"\r\n }\r\n ];\r\n\r\n function cargarEjercicios() {\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 ejercicio.opciones.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 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 intentarDeNuevo() {\r\n window.location.reload();\r\n }\r\n\r\n verificarBtn.addEventListener('click', verificarRespuestas);\r\n intentarBtn.addEventListener('click', intentarDeNuevo);\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>Ejercicios de Gram\u00e1tica en Ingl\u00e9s – Fortysite Ejercicios de Gram\u00e1tica en Ingl\u00e9s Practica tus habilidades de gram\u00e1tica seleccionando la opci\u00f3n correcta para completar las oraciones. Completa las Oraciones Verificar Respuestas Intentar de Nuevo<\/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-2759","post","type-post","status-publish","format-standard","hentry","category-ingles-examenes"],"_links":{"self":[{"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts\/2759","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=2759"}],"version-history":[{"count":16,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts\/2759\/revisions"}],"predecessor-version":[{"id":2777,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/posts\/2759\/revisions\/2777"}],"wp:attachment":[{"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/media?parent=2759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/categories?post=2759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fortysite.com\/wp-json\/wp\/v2\/tags?post=2759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}