Diptongos y Triptongos: Trucos para Usarlos como un Nativo en Español | ¿Qué Son y Cómo se Forman?

¿Sabías que en español puedes encontrar palabras con diptongos y triptongos que combinan varias vocales en una sola sílaba? En este video te explico todo lo que necesitas saber sobre los diptongos y triptongos: qué son, cómo se forman y cómo pronunciarlos correctamente. Además, te doy ejemplos prácticos para que los puedas identificar y usar con confianza en tu día a día. Todo sobre Diptongos y Triptongos en español Las Vocales en Español Antes de hablar de diptongos y triptongos, comencemos con un rápido repaso fonético de las vocales en español, ya que son la base de todo. En español, tenemos cinco vocales con un sonido específico para cada una: A: Abierta y fuerte, como en la palabra casa. E: Abierta, como en elefante. I: Cerrada y débil, como en isla. O: Abierta, como en oro. U: Cerrada y débil, como en uva. Clasificación de las Vocales Las vocales se dividen en fuertes y débiles, lo cual es importante para entender cómo se forman los diptongos y triptongos. Recordar el sonido de las vocales es fundamental para dominar estos fenómenos, ya que afectan directamente la pronunciación de algunas palabras en español. ¿Qué es un Diptongo en español? El diptongo es la unión de dos vocales en una misma sílaba. Esto ocurre cuando juntamos: Una vocal fuerte y una vocal débil, o Dos vocales débiles. Las vocales no se separan al hablar, lo que genera un sonido más fluido. Algunos ejemplos de diptongos son: aire cielo ciudad huevo Pronunciación del Diptongo Si al hablar no haces esta unión en el sonido y separas las vocales, tu pronunciación no será natural. Es importante mantener las vocales unidas y no dividirlas en sílabas distintas, como en si-e-lo en lugar de cielo. Repite conmigo estas palabras para practicar la pronunciación del diptongo: Cuidado Pueblo Causa Fiesta Practica manteniendo la unión de las vocales. Primero despacio y luego más rápido. 2. Tipos de Diptongos Existen dos tipos principales de diptongos: Diptongos crecientes: Cuando tenemos una vocal débil seguida de una vocal fuerte. Ejemplo: piedra, ciudad. Diptongos decrecientes: Cuando la vocal fuerte va primero y luego la vocal débil. Ejemplo: puerta, causa. .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 ¿Qué es un Triptongo en español? El triptongo es la combinación de tres vocales en una sola sílaba. Esto ocurre cuando tenemos una vocal fuerte en el medio rodeada por dos vocales débiles. Aunque menos comunes que los diptongos, son igual de importantes. Ejemplos de triptongos incluyen: vuelo (triptongo en huel) Paraguay (triptongo en huay) miau (triptongo en piau) Pronunciación del Triptongo: Parece complicado, pero con práctica es posible dominar la pronunciación de tres vocales en una misma sílaba. Recuerda que tanto en diptongos como en triptongos, es importante no separar las sílabas. Consejos para Mejorar tu Pronunciación en español Para mejorar, es fundamental escuchar y repetir. Escucha cómo los hablantes nativos pronuncian palabras con diptongos y triptongos. También puedes grabar tu voz para comparar. 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 Diptongos y Triptongos en Español", "description": "Quiz interactivo de fonética española con 10 preguntas sobre diptongos y triptongos: formación, reconocimiento y uso correcto", "educationalLevel": "Intermedio A2-B1", "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: Diptongos y Triptongos en Español Test interactivo sobre diptongos y triptongos en español. Pon a prueba tus conocimientos sobre la formación, reconocimiento y uso correcto de estas combinaciones vocálicas. 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: '¿Qué es un diptongo?', opciones: ['Unión de dos consonantes', 'Unión de dos vocales en una sílaba', 'Unión de tres vocales', 'Separación de vocales'], correcta: 'unión de dos vocales en una sílaba', explicacion: { correcta: 'Correcto. Un diptongo es la unión de dos vocales que se pronuncian en una sola sílaba, como en "cielo" o "auto".', incorrecta: 'Un diptongo es la unión de dos vocales que se pronuncian en una sola sílaba. Ejemplo: "ai" en "aire".' } }, { tipo: 'multiple', pregunta: 'En la palabra "estudiar", ¿dónde hay un diptongo?', opciones: ['es-tu', 'tu-di', 'di-ar', 'No hay diptongo'], correcta: 'di-ar', explicacion: { correcta: 'Correcto. En "estudiar" el diptongo está en "di-ar", donde "ia" forman un diptongo (vocal cerrada + vocal abierta).', incorrecta: 'El diptongo está en "di-ar". Las vocales "i" y "a" se pronuncian juntas en una sola sílaba: es-tu-diar.' } }, { tipo: 'texto', pregunta: 'Escribe una palabra que contenga el diptongo "au":', correcta: 'auto', explicacion: { correcta: 'Excelente. "Auto" contiene el diptongo "au" (vocal abierta + vocal cerrada). Otras palabras: causa, aula, restaurante.', incorrecta: 'Algunas palabras con "au": auto, causa, aula, restaurante, astronauta. El diptongo "au" es vocal abierta + vocal cerrada.' } }, { tipo: 'verdadero-falso', pregunta: '¿"Buey" contiene un triptongo?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "Buey" contiene el triptongo "uey" (vocal cerrada + vocal abierta + vocal cerrada) pronunciado en una sílaba.', incorrecta: '"Buey" SÍ contiene un triptongo: "uey". Es la combinación u-e-y pronunciada en una sola sílaba.' } }, { tipo: 'multiple', pregunta: '¿Cuál de estas palabras NO tiene diptongo?', opciones: ['Piano', 'Ciudad', 'Teatro', 'Creación'], correcta: 'teatro', explicacion: { correcta: 'Correcto. "Teatro" NO tiene diptongo: te-a-tro (3 sílabas). Las vocales "e" y "a" se separan porque ambas son vocales abiertas.', incorrecta: '"Teatro" no tiene diptongo porque "ea" son dos vocales abiertas que se separan: te-a-tro. Las otras palabras sí tienen diptongos.' } }, { tipo: 'texto', pregunta: 'Separa en sílabas la palabra "cuidado":', correcta: 'cui-da-do', explicacion: { correcta: 'Perfecto. "Cuidado" se separa como cui-da-do. "Ui" forma un diptongo (vocal cerrada + vocal cerrada).', incorrecta: 'La separación correcta es "cui-da-do". Las vocales "u" e "i" forman un diptongo y no se separan.' } }, { tipo: 'multiple', pregunta: '¿Qué combinación forma SIEMPRE un diptongo?', opciones: ['Vocal abierta + vocal abierta', 'Vocal cerrada tónica + vocal abierta', 'Vocal cerrada átona + vocal abierta', 'Consonante + vocal'], correcta: 'vocal cerrada átona + vocal abierta', explicacion: { correcta: 'Correcto. Vocal cerrada átona (i, u sin acento) + vocal abierta (a, e, o) siempre forman diptongo: piano, fuego.', incorrecta: 'La combinación que SIEMPRE forma diptongo es vocal cerrada átona + vocal abierta. Si la vocal cerrada tiene tilde, se separan.' } }, { tipo: 'verdadero-falso', pregunta: '¿En "María" hay un hiato (no hay diptongo)?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. En "María" hay hiato: Ma-rí-a. La tilde en la "í" rompe el diptongo y separa las vocales.', incorrecta: 'En "María" SÍ hay hiato (separación): Ma-rí-a. La tilde en la "í" impide que "ía" forme diptongo.' } }, { tipo: 'multiple', pregunta: '¿Cuál es un ejemplo de triptongo?', opciones: ['Estudiáis', 'Coordinación', 'Creencia', 'Continúo'], correcta: 'estudiáis', explicacion: { correcta: 'Correcto. "Estudiáis" tiene el triptongo "iáis": es-tu-diáis (vocal cerrada + vocal abierta + vocal cerrada).', incorrecta: '"Estudiáis" contiene el triptongo "iáis". Un triptongo necesita tres vocales: cerrada + abierta + cerrada en una sílaba.' } }, { tipo: 'texto', pregunta: '¿Cuántas sílabas tiene la palabra "Uruguay"?', correcta: '3', explicacion: { correcta: 'Correcto. "Uruguay" tiene 3 sílabas: U-ru-guay. "Guay" contiene el diptongo "ua" y el final "ay".', incorrecta: '"Uruguay" tiene 3 sílabas: U-ru-guay. La última sílaba "guay" contiene vocales que forman diptongo.' } } ], respuestasAlternativas: { 'auto': ['causa', 'aula', 'restaurante', 'astronauta', 'audio', 'automóvil', 'autor', 'aurora'], 'cui-da-do': ['cuidado'], '3': ['tres', 'tres sílabas'] } }; 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 los diptongos y triptongos.' }, { min: 90, texto: '¡Excelente! Tienes un conocimiento muy sólido de la fonética española.' }, { min: 80, texto: '¡Muy bien! Solo necesitas repasar algunos conceptos sobre vocales.' }, { min: 70, texto: 'Bien hecho, pero puedes mejorar practicando más la separación silábica.' }, { min: 60, texto: 'Buen intento. Sigue estudiando las reglas de diptongos y triptongos.' }, { min: 0, texto: 'Necesitas estudiar más sobre la formación de diptongos y triptongos en español.' } ]; 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; } } ¿Quieres la transcripción de más de 150 podcasts exclusivos? Regístrate gratis →