Ay, Ahí o Hay: Aprende a Diferenciar y Usar Correctamente Estas Palabras en Español

En esta clase vamos a aclarar una de las confusiones más comunes entre los estudiantes de español: las diferencias entre «ay», «ahí» y «hay». Aunque suenan muy parecidas, cada una tiene un significado completamente distinto. ¡No te preocupes! Al finalizar este artículo, sabrás cómo usar correctamente cada una de estas palabras. Guía práctica para usar «Ay», «Ahí» y «Hay» en español «Ay» – Expresión de Emoción La palabra «ay» es una interjección que utilizamos para expresar emociones o sentimientos como el dolor, la sorpresa, el miedo o la alegría. Es una de las formas más naturales de transmitir lo que estamos sintiendo en un momento determinado. Ejemplos: Ay, me duele la cabeza. (Expresa dolor) ¡Ay, qué sorpresa! (Expresa sorpresa) ¡Ay, qué susto! (Expresa miedo) Como ves, «ay» es una expresión muy versátil que usamos para expresar lo que sentimos de forma instantánea. «Ahí» – Preposición de Lugar Por otro lado, «ahí» es una preposición que se utiliza para señalar una posición cercana pero no exacta. Es útil cuando queremos indicar un lugar sin precisar mucho. Ejemplos: El libro está ahí, sobre la mesa. Ponte ahí, al lado de la puerta. Ahí fue donde nos encontramos la última vez. Recuerda que usamos «ahí» para señalar lugares que no son tan precisos como «aquí» o «allí». Perfecto para cuando necesitamos ser vagos en la ubicación. «Hay» – Existencia de Algo Finalmente, tenemos «hay», que proviene del verbo «haber». Lo usamos para indicar que algo o alguien existe en un lugar o situación. Es una forma impersonal que no depende de ninguna persona específica. Ejemplos: Hay mucha gente en el parque. En el aula hay dos ventanas. No hay comida en la nevera. Un dato importante: «hay» no cambia, se usa igual para singular y plural. ¡Siempre «hay»! .membership-cta { --brand: #E1241F; --brand-2: #ff4841; --brand-hover: #c91f1a; --ok: #4CAF50; --text: #333; --muted: #666; --bg: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; background: var(--bg); padding: 20px 20px; text-align: center; margin: 20px 0; } .membership-content { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; } .membership-title, .membership-subtitle, .membership-features, .membership-content > p { margin: 0; } .membership-title { font-size: clamp(1.8rem, 2.2vw + 1rem, 2.5rem); font-weight: 800; color: var(--brand); line-height: 1.2; letter-spacing: -0.04em; padding: 0 20px; } .membership-title .accent { font-style: italic; } .membership-subtitle { font-size: 1.1rem; color: var(--muted); line-height: 1.5; } .membership-features { list-style: none; padding: 0; display: flex; justify-content: center; gap: 35px; flex-wrap: wrap; } .membership-feature-item { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 1rem; font-weight: 600; } .membership-feature-check { width: 22px; height: 22px; border-radius: 50%; background-color: var(--ok); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .membership-feature-check svg { width: 14px; height: 14px; display: block; } .membership-btn { display: inline-block; padding: 16px 45px; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff !important; text-decoration: none; border-radius: 50px; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 8px 25px rgba(225, 36, 31, 0.3); transition: transform .25s ease, box-shadow .25s ease; } .membership-btn:hover, .membership-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 35px rgba(225, 36, 31, 0.4); } .membership-btn:focus { outline: none; } .membership-btn:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .membership-btn:active { transform: translateY(0); box-shadow: 0 4px 15px rgba(225, 36, 31, 0.35); } .membership-content > p:last-child { margin-bottom: 0; } @media (prefers-color-scheme: dark) { .membership-cta { --text: #e0e0e0; --muted: #b0b0b0; --bg: #1a1a1a; } .membership-feature-item { color: var(--text); } } @media (max-width: 768px) { .membership-cta { padding: 20px 15px; } .membership-title { font-size: 1.7rem; padding: 0 10px; } .membership-subtitle { font-size: 1rem; } .membership-features { flex-direction: column; gap: 15px; padding: 0 20px; align-items: flex-start; } .membership-feature-item { font-size: 0.95rem; } .membership-btn { width: 100%; max-width: 320px; padding: 15px 35px; } } @media (prefers-reduced-motion: reduce) { .membership-btn { transition: none; } .membership-btn:hover, .membership-btn:focus-visible, .membership-btn:active { transform: none; } } ¿Quieres mejorar tu español? Más de 4.000 estudiantes ya están practicando con: 500+ ejercicios interactivos Curso «Español en contexto» Noticias semanales <a href="https://curso.burbujadelespanol.com/registro-bde/" class="membership-btn" target="_blank" rel="noopener noreferrer" aria-label="Prueba la membership gratis — accede a ejercicios, curso y noticias"> Prueba la Membresía Gratis Comparación: ¿Ay, Ahí o Hay? Ya sabemos que aunque suenen similares, cada una tiene su propio uso. Aquí te dejamos una tabla comparativa para que no vuelvas a confundirte: Ay: Se usa para emociones (¡Ay, qué dolor!) Ahí: Señala un lugar (Ahí está el libro) Hay: Indica existencia (Hay muchas flores) La clave está en el contexto. Así que, cuando dudes, ¡piensa en lo que realmente quieres expresar! Consejos para Recordar Aquí te dejo 3 consejos clave para que nunca más te confundas: 1. Piensa en el contexto ¿De qué estamos hablando? ¿Una emoción, un lugar o la existencia de algo? 2. Usa ejemplos cotidianos Practica con oraciones que usas a diario. Esto te ayudará a reforzar tu vocabulario. 3. Escucha y repite Escuchar cómo otras personas usan estas palabras te ayudará a interiorizarlas. Esperamos que este artículo te haya ayudado a mejorar tu uso de estas tres palabras en español. Se quieres seguir estudiando, no te pierdas este artículo: Verbos de Transición en Español. .pdf-cta-minimal { --brand: #E1241F; --brand-2: #ff4841; --text: #1a1a1a; --muted: #666; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; text-align: center; padding: 20px 20px; max-width: 600px; margin: 20px auto; } .pdf-cta-minimal .pdf-mini-title { font-size: 1.8rem; font-weight: 800; color: var(--text); margin: 0 0 15px; line-height: 1.3; } .pdf-cta-minimal .pdf-mini-title .highlight { color: var(--brand); } .pdf-cta-minimal .pdf-mini-subtitle { font-size: 1.1rem; color: var(--muted); margin: 0 0 25px; line-height: 1.5; } .pdf-cta-minimal .pdf-mini-button { display: inline-block; padding: 16px 40px; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff; text-decoration: none; border-radius: 50px; font-size: 1rem; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease; box-shadow: 0 8px 20px rgba(225, 36, 31, 0.25); text-transform: uppercase; letter-spacing: .5px; } .pdf-cta-minimal .pdf-mini-button:hover, .pdf-cta-minimal .pdf-mini-button:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(225, 36, 31, 0.35); } .pdf-cta-minimal .pdf-mini-button:focus { outline: none; } .pdf-cta-minimal .pdf-mini-button:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .pdf-cta-minimal .pdf-mini-button:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(225, 36, 31, 0.3); } @media (prefers-color-scheme: dark) { .pdf-cta-minimal { --text: #f0f0f0; --muted: #b0b0b0; } } @media (max-width: 768px) { .pdf-cta-minimal { padding: 20px 15px; } .pdf-cta-minimal .pdf-mini-title { font-size: 1.5rem; } .pdf-cta-minimal .pdf-mini-button { width: 100%; max-width: 280px; } } @media (prefers-reduced-motion: reduce) { .pdf-cta-minimal .pdf-mini-button { transition: none; } .pdf-cta-minimal .pdf-mini-button:hover, .pdf-cta-minimal .pdf-mini-button:focus-visible, .pdf-cta-minimal .pdf-mini-button:active { transform: none; } } 📄 ¿Quieres el PDF completo de esta lección? Accede a más de 500 PDFs de lecciones de español con ejercicios <a href="https://curso.burbujadelespanol.com/registro-bde/" class="pdf-mini-button" target="_blank" rel="noopener noreferrer" aria-label="Regístrate gratis — accede a los PDFs"> Regístrate Gratis { "@context": "https://schema.org", "@type": "Quiz", "name": "Test Ay, Ahí o Hay: Diferencias y Uso Correcto", "description": "Quiz interactivo de gramática española con 10 preguntas sobre las diferencias entre ay, ahí y hay", "educationalLevel": "Principiante A1-A2", "learningResourceType": "Quiz", "inLanguage": "es", "numberOfQuestions": 10 } :root{--primary:#C60B1E;--secondary:#FFB400;--success:#28a745;--error:#C60B1E;--text:#333;--bg:#fff;--shadow:0 2px 10px rgba(0,0,0,0.1)}.ejercicio-container{max-width:800px;margin:20px auto;padding:20px;font-family:Arial,sans-serif;background-color:var(--bg);border-radius:10px;box-shadow:var(--shadow)}@media (max-width:768px){.ejercicio-container{margin:10px;padding:15px}.contenedor-botones{flex-direction:column}.btn-cta{width:100%}}.ejercicio-container h3{color:var(--primary);text-align:center;margin-bottom:15px;font-size:28px}.descripcion-ejercicio{text-align:center;color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;padding:0 20px}.progreso{background-color:#f0f0f0;height:10px;border-radius:5px;margin-bottom:30px;overflow:hidden}.barra-progreso{height:100%;background-color:var(--secondary);width:0%;transition:width .5s ease}.contador{text-align:center;color:var(--primary);font-weight:700;margin-bottom:20px}.pregunta{display:none;padding:20px;background-color:#f9f9f9;border-radius:5px}.pregunta.activa{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pregunta h4{color:var(--primary);margin-bottom:20px;font-size:20px}.opciones{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.opcion{display:flex;align-items:center;padding:12px;background-color:var(--bg);border:2px solid #e0e0e0;border-radius:5px;cursor:pointer;transition:all .3s ease}.opcion:hover{border-color:var(--secondary);background-color:#fff8e6}.opcion.deshabilitada{pointer-events:none;opacity:.6}.opcion input[type=radio]{margin-right:12px}.input-respuesta{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:5px;font-size:16px;transition:border-color .3s ease;margin-bottom:20px}.input-respuesta:focus{outline:0;border-color:var(--secondary)}.input-respuesta:disabled{background-color:#f0f0f0;cursor:not-allowed}.btn-siguiente{background-color:var(--primary);color:#fff;padding:15px 40px;border:none;border-radius:5px;font-size:18px;font-weight:700;cursor:pointer;display:block;margin:20px auto 0;transition:all .3s ease;opacity:.5;pointer-events:none}.btn-siguiente.activo{opacity:1;pointer-events:auto}.btn-siguiente.activo:hover{background-color:#a00918;transform:scale(1.05)}.btn-siguiente.siguiente-naranja{background-color:var(--secondary)!important}.btn-siguiente.siguiente-naranja:hover{background-color:#e6a200!important}.explicacion{margin:0 -20px;margin-top:20px;padding:20px;border-radius:0;display:none}.explicacion.correcta{background-color:#d4edda;border-top:3px solid var(--success)}.explicacion.incorrecta{background-color:#f8d7da;border-top:3px solid var(--error)}.explicacion h5{color:var(--primary);margin-bottom:10px;font-size:18px}.explicacion p{line-height:1.6;color:var(--text)}.mensaje-final{display:none;background:#fff;padding:50px 40px;border-radius:15px;text-align:center;box-shadow:0 5px 30px rgba(0,0,0,0.1);position:relative;overflow:hidden;max-width:700px;margin:0 auto}.mensaje-final.visible{display:block;animation:fadeIn .6s ease}.mensaje-final::after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.titulo-completado{color:var(--text);font-size:28px;font-weight:700;margin-bottom:15px;line-height:1.3}.texto-promocional{color:#555;font-size:17px;line-height:1.6;margin-bottom:35px;max-width:500px;margin-left:auto;margin-right:auto}.texto-promocional strong{color:var(--primary)}.contenedor-botones{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:35px 0}.btn-cta{padding:16px 40px;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden}.btn-cta:visited{text-decoration:none}.btn-accedi{background-color:var(--primary);color:#fff;box-shadow:0 4px 15px rgba(198,11,30,0.2)}.btn-accedi:hover{background-color:#a00918;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(198,11,30,0.3)}.btn-registrati{background-color:var(--secondary);color:#000;border:none}.btn-registrati:hover{background-color:#e6a200;color:#000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,180,0,0.3)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:40px;padding-top:40px;border-top:1px solid #eee}@media (max-width:480px){.stats-container{grid-template-columns:1fr}}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:700;color:var(--secondary);display:block;margin-bottom:5px}.stat-label{font-size:14px;color:#666;font-weight:500}.puntuacion-final{font-size:36px;color:var(--secondary);font-weight:700;margin:20px 0 15px}.mensaje-puntuacion{font-size:20px;color:#666;margin-bottom:30px;line-height:1.5}.btn-reiniciar{background-color:var(--success)!important;color:#fff!important;padding:16px 45px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:35px auto 0;box-shadow:0 4px 15px rgba(40,167,69,0.3);text-transform:none}.btn-reiniciar:hover{background-color:#218838!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,0.4)} Ejercicio: Ay, Ahí o Hay &#8211; Aprende las Diferencias Test interactivo sobre las diferencias entre «ay», «ahí» y «hay». Aprende cuándo usar cada una de estas palabras que suenan igual pero tienen significados completamente diferentes. Ejercicio online y gratuito para estudiantes de español. Pregunta 1 de 10 ¡Ejercicio completado! 0/10 ¿Quieres más ejercicios? Regístrate gratis y accede a miles de ejercicios sobre todos los temas para practicar cuando quieras. <a href="https://curso.burbujadelespanol.com" class="btn-cta btn-accedi" aria-label="Iniciar sesión en el curso" target="_blank" rel="noopener noreferrer"> Iniciar sesión <a href="https://curso.burbujadelespanol.com/registro-bde/" class="btn-cta btn-registrati" aria-label="Registrarse gratuitamente" target="_blank" rel="noopener noreferrer"> Regístrate gratis 10.000+ Ejercicios Interactivos 100% Acceso Gratuito 24/7 Acceso Reintentar ejercicio const QUIZ_DATA = { preguntas: [ { tipo: 'multiple', pregunta: '¿Cuál es la opción correcta? _____ muchos estudiantes en la escuela.', opciones: ['Ay', 'Ahí', 'Hay'], correcta: 'hay', explicacion: { correcta: '"Hay" es correcto. Se usa para expresar existencia o presencia. Equivale a "existe/existen".', incorrecta: 'La respuesta correcta es "hay". Se usa para indicar existencia: "Hay muchos estudiantes" = "Existen muchos estudiantes".' } }, { tipo: 'texto', pregunta: 'Completa la frase: _____, qué dolor de cabeza tengo. (interjección de dolor)', correcta: 'ay', explicacion: { correcta: '"Ay" es correcto. Es una interjección que expresa dolor, sorpresa o emoción fuerte.', incorrecta: 'La respuesta correcta es "ay" (sin tilde). Es una interjección que expresa dolor o emoción.' } }, { tipo: 'multiple', pregunta: 'Elige la opción correcta: Deja el libro _____.', opciones: ['ay', 'ahí', 'hay'], correcta: 'ahí', explicacion: { correcta: '"Ahí" es correcto. Es un adverbio de lugar que significa "en ese lugar".', incorrecta: 'La respuesta correcta es "ahí" (con tilde). Es un adverbio que indica lugar: "en ese lugar".' } }, { tipo: 'verdadero-falso', pregunta: '¿"Hay" siempre se escribe igual, sin importar si es singular o plural?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "Hay" es invariable: "Hay un libro" y "Hay muchos libros". Nunca se dice "han".', incorrecta: '"Hay" SÍ es invariable. Se escribe igual para singular y plural. Nunca se conjuga como "han".' } }, { tipo: 'texto', pregunta: 'Completa: No sé si _____ alguien en casa. (expresar existencia)', correcta: 'hay', explicacion: { correcta: '"Hay" es correcto. Se usa para expresar la existencia o presencia de algo o alguien.', incorrecta: 'La respuesta es "hay". Se usa para indicar existencia: "si hay alguien" = "si existe alguien".' } }, { tipo: 'multiple', pregunta: '_____, no me digas que perdiste las llaves otra vez.', opciones: ['Ay', 'Ahí', 'Hay'], correcta: 'ay', explicacion: { correcta: '"Ay" es correcto. Es una interjección que expresa sorpresa, molestia o exasperación.', incorrecta: 'La respuesta correcta es "ay". Es una interjección que expresa sorpresa o molestia.' } }, { tipo: 'texto', pregunta: 'Completa: Mira _____, en esa mesa está tu hermana. (señalar un lugar)', correcta: 'ahí', explicacion: { correcta: '"Ahí" es correcto. Es un adverbio de lugar que indica "en ese lugar" (distancia media).', incorrecta: 'La respuesta es "ahí" (con tilde). Es un adverbio de lugar que significa "en ese lugar".' } }, { tipo: 'multiple', pregunta: 'Selecciona la frase INCORRECTA:', opciones: ['¿Hay café?', 'Ay, qué susto', 'Ahí está tu mochila', 'Ahí tres gatos'], correcta: 'ahí tres gatos', explicacion: { correcta: '"Ahí tres gatos" es incorrecto. Debería ser "Hay tres gatos". "Ahí" es lugar, "hay" es existencia.', incorrecta: 'La incorrecta es "Ahí tres gatos". Debe ser "Hay tres gatos" (existencia), no "Ahí" (lugar).' } }, { tipo: 'verdadero-falso', pregunta: '¿"Ahí" siempre lleva tilde?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "Ahí" (adverbio de lugar) siempre lleva tilde porque es una palabra aguda terminada en vocal.', incorrecta: '"Ahí" SÍ lleva tilde siempre. Es una palabra aguda terminada en vocal, por eso se acentúa.' } }, { tipo: 'texto', pregunta: 'Completa: _____ que estudiar más para el examen. (expresar necesidad/obligación)', correcta: 'hay', explicacion: { correcta: '"Hay" es correcto. "Hay que + infinitivo" expresa necesidad u obligación general.', incorrecta: 'La respuesta es "hay". La expresión "hay que + infinitivo" indica necesidad u obligación.' } } ], respuestasAlternativas: { 'ay': [], 'ahí': ['ahi'], 'hay': [] } }; let estado = { preguntaActual: 1, puntos: 0, yaVerificado: Array(10).fill(false) }; function crearElementoPregunta(pregunta, indice) { const div = document.createElement('section'); div.className = 'pregunta' + (indice === 0 ? ' activa' : ''); div.id = `pregunta${indice + 1}`; div.setAttribute('role', 'article'); div.setAttribute('aria-label', `Pregunta ${indice + 1}`); let contenidoHTML = ` ${pregunta.pregunta} `; if (pregunta.tipo === 'multiple' &#124;&#124; pregunta.tipo === 'verdadero-falso') { contenidoHTML += ' '; pregunta.opciones.forEach(opcion => { contenidoHTML += ` <input type="radio" name="p${indice + 1}" value="${opcion.toLowerCase()}" onchange="habilitarBoton()" aria-label="${opcion}"> ${opcion} `; }); contenidoHTML += ' '; } else { contenidoHTML += `<input type="text" class="input-respuesta" id="p${indice + 1}" placeholder="Escribe tu respuesta aquí" oninput="habilitarBoton()" aria-label="Campo de respuesta">`; } contenidoHTML += ` <button class="btn-siguiente" id="btn${indice + 1}" onclick="verificarRespuesta(${indice + 1})" aria-label="Verificar respuesta">Verificar `; div.innerHTML = contenidoHTML; return div; } function inicializarPreguntas() { const contenedor = document.getElementById('contenedor-preguntas'); QUIZ_DATA.preguntas.forEach((p, i) => { contenedor.appendChild(crearElementoPregunta(p, i)); }); } function actualizarUI() { document.getElementById('contador').textContent = `Pregunta ${estado.preguntaActual} de 10`; const porcentaje = ((estado.preguntaActual - 1) / 10) * 100; const barra = document.getElementById('barraProgreso'); barra.style.width = porcentaje + '%'; document.querySelector('.progreso').setAttribute('aria-valuenow', porcentaje); } function habilitarBoton() { const btn = document.getElementById(`btn${estado.preguntaActual}`); const pregunta = QUIZ_DATA.preguntas[estado.preguntaActual - 1]; let hayRespuesta = false; if (pregunta.tipo === 'multiple' &#124;&#124; pregunta.tipo === 'verdadero-falso') { hayRespuesta = document.querySelector(`input[name="p${estado.preguntaActual}"]:checked`) !== null; } else { hayRespuesta = document.getElementById(`p${estado.preguntaActual}`).value.trim() !== ''; } btn.classList.toggle('activo', hayRespuesta &#038;& !estado.yaVerificado[estado.preguntaActual - 1]); } function normalizarRespuesta(respuesta, correcta) { const respuestaNorm = respuesta.toLowerCase().trim(); return respuestaNorm === correcta &#124;&#124; (QUIZ_DATA.respuestasAlternativas[correcta] &#038;& QUIZ_DATA.respuestasAlternativas[correcta].includes(respuestaNorm)); } function verificarRespuesta(numPregunta) { if (estado.yaVerificado[numPregunta - 1]) return; estado.yaVerificado[numPregunta - 1] = true; const pregunta = QUIZ_DATA.preguntas[numPregunta - 1]; let correcto = false; let respuestaUsuario = ''; if (pregunta.tipo === 'multiple' &#124;&#124; pregunta.tipo === 'verdadero-falso') { const seleccionado = document.querySelector(`input[name="p${numPregunta}"]:checked`); if (seleccionado) { respuestaUsuario = seleccionado.value; correcto = respuestaUsuario === pregunta.correcta; } document.querySelectorAll(`input[name="p${numPregunta}"]`).forEach(input => input.disabled = true); document.querySelectorAll(`#pregunta${numPregunta} .opcion`).forEach(opcion => opcion.classList.add('deshabilitada')); } else { const input = document.getElementById(`p${numPregunta}`); respuestaUsuario = input.value; correcto = normalizarRespuesta(respuestaUsuario, pregunta.correcta); input.disabled = true; } if (correcto) estado.puntos++; mostrarExplicacion(numPregunta, correcto, respuestaUsuario, pregunta); const btn = document.getElementById(`btn${numPregunta}`); btn.textContent = 'Siguiente'; btn.classList.add('siguiente-naranja', 'activo'); btn.onclick = () => numPregunta < 10 ? siguientePregunta() : mostrarMensajeFinal(); } function mostrarExplicacion(numPregunta, correcto, respuestaUsuario, pregunta) { const explicacion = document.getElementById(`explicacion${numPregunta}`); const tipo = correcto ? 'correcta' : 'incorrecta'; const titulo = correcto ? '¡Excelente! ✓' : 'Incorrecto ✗'; explicacion.innerHTML = ` ${titulo} ${!correcto ? ` Tu respuesta: "${respuestaUsuario}" Respuesta correcta: "${pregunta.correcta}" ` : ''} Explicación: ${pregunta.explicacion[tipo]} `; explicacion.classList.add(tipo); explicacion.style.display = 'block'; } function siguientePregunta() { document.getElementById(`pregunta${estado.preguntaActual}`).classList.remove('activa'); estado.preguntaActual++; document.getElementById(`pregunta${estado.preguntaActual}`).classList.add('activa'); actualizarUI(); } function mostrarMensajeFinal() { document.querySelector('.ejercicio-container').style.display = 'none'; const porcentaje = Math.round((estado.puntos / 10) * 100); document.getElementById('puntuacionFinal').textContent = `${estado.puntos}/10 (${porcentaje}%)`; const mensajes = [ { min: 100, texto: '¡Perfecto! Dominas completamente el uso de ay, ahí y hay.' }, { min: 90, texto: '¡Excelente! Tienes muy claro cuándo usar cada palabra.' }, { min: 80, texto: '¡Muy bien! Solo necesitas repasar algunos casos específicos.' }, { min: 70, texto: 'Bien hecho, pero puedes mejorar con un poco más de práctica.' }, { min: 60, texto: 'Buen intento. Sigue practicando las diferencias entre estas palabras.' }, { min: 0, texto: 'Necesitas estudiar más las diferencias entre ay, ahí y hay.' } ]; const mensaje = mensajes.find(m => porcentaje >= m.min).texto; document.getElementById('mensajePuntuacion').textContent = mensaje; document.getElementById('mensajeFinal').classList.add('visible'); } function reiniciarEjercicio() { estado = { preguntaActual: 1, puntos: 0, yaVerificado: Array(10).fill(false) }; document.querySelectorAll('input[type="radio"]').forEach(input => { input.checked = false; input.disabled = false; }); document.querySelectorAll('.input-respuesta').forEach(input => { input.value = ''; input.disabled = false; }); document.querySelectorAll('.opcion').forEach(opcion => opcion.classList.remove('deshabilitada')); document.querySelectorAll('.explicacion').forEach(exp => { exp.style.display = 'none'; exp.classList.remove('correcta', 'incorrecta'); }); for (let i = 1; i <= 10; i++) { const btn = document.getElementById(`btn${i}`); btn.textContent = 'Verificar'; btn.onclick = () => verificarRespuesta(i); btn.classList.remove('activo', 'siguiente-naranja'); } document.getElementById('mensajeFinal').classList.remove('visible'); document.querySelector('.ejercicio-container').style.display = 'block'; document.querySelectorAll('.pregunta').forEach((p, i) => { p.classList.toggle('activa', i === 0); }); actualizarUI(); } // Inizializzazione inicializarPreguntas(); actualizarUI(); :root{ --cta-accent:#CC1F1A; --cta-accent-hover:#b71e18; --bg-start:#fff5f5; --bg-end:#ffe8e8; --text:#333; } .custom-podcast-cta-slim { font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align:center; padding:15px 20px; max-width:700px; margin:30px auto; background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-end) 100%); border-radius:50px; border:2px solid var(--cta-accent); font-size:1rem; color:var(--text); font-weight:600; } .custom-podcast-cta-slim .highlight, .custom-podcast-cta-slim a { color:var(--cta-accent); font-weight:700; } .custom-podcast-cta-slim a { text-decoration:underline; text-underline-offset:2px; margin-left:8px; transition:color .2s ease, text-decoration-color .2s ease; } .custom-podcast-cta-slim a:hover { color:var(--cta-accent-hover); text-decoration-color:currentColor; } .custom-podcast-cta-slim a:focus-visible { outline:3px solid currentColor; outline-offset:3px; border-radius:6px; } @media (max-width:768px){ .custom-podcast-cta-slim { padding:12px 15px; border-radius:40px; font-size:.95rem; } } @media (prefers-reduced-motion: reduce){ .custom-podcast-cta-slim a{ transition:none; } } Vuoi la trascrizione di oltre 150 podcast esclusivi? Registrati gratis →