Hay algo muy curioso que pasa con los acentos en español. Muchos estudiantes los ven como un problema, algo molesto, algo que «hay que memorizar». Otros simplemente los ignoran. Pero la verdad es esta: los acentos en español no están ahí para complicarte la vida. Están ahí para ayudarte a leer mejor, pronunciar mejor y entender mejor.
En este artículo vamos a cambiar completamente la forma en la que miras las tildes. No como reglas frías, sino como señales, como pequeñas pistas que el idioma te da para que no te pierdas. Vamos a entender la lógica detrás de los acentos y a ver cómo los usan los hispanohablantes sin pensar.
¿Por Qué Existen los Acentos en Español? La idea más importante: los acentos existen para que sepas cómo suena una palabraEn español, cuando ves una palabra escrita, sabes cómo se pronuncia. No necesitas escucharla primero. La escritura te da pistas muy claras sobre el sonido. Esto no pasa en muchos idiomas: en otros idiomas puedes ver una palabra escrita y no tener idea de cómo decirla en voz alta.
En español, en cambio, el sistema está pensado para que el sonido y la escritura vayan de la mano. Y ahí es donde entra la tilde. Cuando ves una palabra nueva en español, aunque no sepas qué significa, casi siempre puedes saber dónde va la fuerza, es decir, qué parte de la palabra se pronuncia con más intensidad. Esa información no está escondida: está marcada. Y la tilde es la señal más clara.
Para profundizar en las reglas básicas del acento tónico y gráfico en español te recomendamos este artículo completo sobre sílabas tónicas, palabras agudas, llanas y esdrújulas.
La tilde como flecha: dónde va la vozLa tilde no está ahí para decorar. Es como una flecha que te dice: aquí va la voz, aquí está el golpe de la palabra, aquí se apoya la pronunciación. Gracias a la tilde, el español se lee con ritmo y con claridad.
Por eso no suena igual decir hablo que decir habló. Las letras son casi las mismas, pero el acento cambia todo:
Palabra Sílaba fuerte Significado hablo HA-blo Presente: acción que ocurre ahora habló ha-BLÓ Pasado: acción que ya ocurrióNo necesitamos cambiar muchas letras para cambiar el significado. Solo cambiamos el acento. Y eso es muy típico del español: el idioma usa el ritmo y la fuerza de la palabra para comunicar tiempo, intención y sentido.
El español: un idioma que se pronuncia como se escribeEl español es un idioma muy especial porque, en general, se pronuncia tal como se escribe. No hay letras misteriosas ni sonidos escondidos. Cada letra suena y cada vocal tiene un papel importante. Por eso, cuando leemos en español, la lectura suele ser clara y directa.
Justamente por esa relación tan cercana entre escritura y sonido, el español necesita marcar dónde va la fuerza de la palabra. Si las tildes no existieran, leer en español sería mucho más complicado: tendrías que adivinar si una palabra está en presente o en pasado solo por el contexto.
Lo mismo pasa con las preguntas y las afirmaciones. En español usamos tildes para marcar diferencias importantes que ayudan a comprender el sentido de una frase desde el primer vistazo. La tilde funciona como una señal clara que guía al lector y evita confusiones.
Cómo Piensan los Hispanohablantes Cuando Ven una Tilde Leer en español es leer ritmoUn hispanohablante no lee palabra por palabra ni letra por letra. Cuando leemos en español, leemos ritmo. El cerebro reconoce la forma de la palabra y, casi al mismo tiempo, reconoce cómo debe sonar. No hacemos un análisis consciente, no pensamos en normas: simplemente leemos y el sonido aparece.
Cuando vemos una palabra con tilde, esa pequeña marca nos dice inmediatamente cómo decirla. La voz se coloca sola en el lugar correcto. No necesitamos pensar: «esto es pasado», «esto es presente», «esta palabra lleva acento por tal razón». Todo eso ya está integrado en el oído.
Cuando el ritmo falla, se sientePor eso, cuando algo no encaja, lo sentimos de inmediato. Si un estudiante dice «hablo con él ayer», la frase se entiende, pero suena rara. No porque falte inteligencia o estudio, sino porque el ritmo no coincide. El oído espera una palabra con la fuerza al final, como «hablé», y al escuchar «hablo», siente que algo no está en su lugar.
El problema, entonces, no es solo gramatical. Es rítmico. Es sonoro. El español funciona mucho con el oído, con la musicalidad de la frase. Cuando el ritmo es correcto, todo fluye. Cuando el ritmo falla, algo se siente extraño, incluso antes de pensar en la regla.
La tilde y la fuerza de la palabraEn español, todas las palabras tienen una sílaba fuerte. Siempre. La tilde solo aparece cuando esa fuerza no está donde normalmente la esperamos. Por ejemplo:
Sin tilde (fuerza esperada) Con tilde (fuerza inesperada) CA-sa ca-FÉ ME-sa ma-MÁ LI-bro in-GLÉSLas palabras casa, mesa y libro no llevan tilde porque la fuerza está donde el español la espera por defecto. En cambio, café, mamá e inglés llevan tilde porque la fuerza está al final, lo cual no es lo normal. La tilde avisa: ojo, aquí cambia el ritmo.
Si quieres saber exactamente cuándo se usa la tilde en español, con todos los casos especiales y reglas de acentuación, visita este artículo dedicado al tema.
.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
Hay palabras que se escriben igual, pero significan cosas distintas solo por la tilde. Este tipo de tilde se llama tilde diacrítica y su función es distinguir entre dos palabras que, sin ella, serían idénticas. Un hispanohablante necesita esa tilde para entender el mensaje rápido. No es un lujo: es claridad.
Sin tilde Con tilde Ejemplo tu (posesivo) tú (pronombre) Tu libro / Tú lees el (artículo) él (pronombre) El perro / Él habla si (conjunción) sí (afirmación) Si quieres / Sí, quiero mas (pero) más (cantidad) Lo intenté, mas no pude / Quiero más se (pronombre) sé (verbo saber) Se fue / Sé la verdad te (pronombre) té (infusión) Te llamo / Un té, por favorCuando escribes sin tildes, se entiende… pero cuesta más. Y suena descuidado. Para entender en detalle el funcionamiento de la tilde diacrítica en español con todos sus casos, visita este artículo específico.
Los diptongos, hiatos y su relación con los acentosUna parte muy especial de la acentuación en español tiene que ver con las combinaciones de vocales. Cuando dos vocales van juntas en la misma sílaba, forman un diptongo. Cuando las dos vocales se pronuncian en sílabas separadas, forman un hiato.
Esta distinción importa mucho para los acentos, porque a veces la tilde sirve precisamente para romper un diptongo y crear un hiato. Por ejemplo:
Palabra División silábica ¿Diptongo o hiato? ciudad ciu-dad Diptongo (i+u) país pa-ís Hiato (la tilde rompe el diptongo) baile bai-le Diptongo (a+i) raíz ra-íz Hiato (la tilde separa las vocales)Si quieres entender bien cómo funcionan los diptongos e hiatos en la acentuación española, encontrarás una explicación completa con muchos ejemplos en este artículo. También puedes aprender más sobre los diptongos y triptongos en español con reglas de pronunciación y acentuación detalladas.
Un caso práctico: ay, ahí y hayUn ejemplo perfecto de cómo los acentos (y la ortografía en general) cambian completamente el significado en español es la confusión entre ay, ahí y hay. Aunque suenan de forma muy similar, tienen significados completamente distintos:
- ay → interjección de dolor o sorpresa: ¡Ay, me duele!
- ahí → adverbio de lugar: El libro está ahí.
- hay → forma del verbo haber: Hay mucha gente.
Si te resulta difícil distinguirlas, te recomendamos este artículo sobre las diferencias entre ay, ahí y hay en español con explicaciones y ejemplos prácticos.
Los cuatro «porqués»: otro ejemplo clásico de acentuación con significadoOtro caso donde los acentos marcan diferencias cruciales de significado es el de los cuatro «porqués» del español. Muchos estudiantes los confunden constantemente:
Forma Uso Ejemplo por qué Pregunta (separado, con tilde) ¿Por qué no viniste? porque Respuesta, causa (junto, sin tilde) No vine porque estaba enfermo. porqué Sustantivo (junto, con tilde) No entiendo el porqué de tu decisión. por que Preposición + relativo (separado, sin tilde) La razón por que lo hizo.Para no volver a confundirte, te recomendamos leer este artículo completo sobre las diferencias entre los cuatro porqués en español.
Los acentos y tu español escritoCuando usas bien las tildes, tu español escrito cambia completamente. Se ve más claro, más cuidado, más seguro. No necesitas usar palabras difíciles: solo usar bien las que ya sabes. Una frase simple con tildes bien usadas suena mejor que una frase compleja sin ellas.
¿Cómo aprender las tildes sin sufrir?No aprendas las tildes como reglas aisladas. Apréndelas con palabras completas. No pienses: «es palabra aguda, grave, esdrújula». Piensa: «así suena esta palabra». Lee en voz alta. Escucha mucho español. Repite. El oído aprende antes que la memoria.
Escuchar es la claveSi hay algo que realmente marca la diferencia en el uso de los acentos, es escuchar mucho español real. No español lento y artificial, no listas de palabras sueltas, sino español de verdad: conversaciones, series, vídeos, pódcasts, gente hablando en su día a día.
Cuanto más escuchas, más natural empieza a parecerte el ritmo del idioma. Empiezas a notar dónde sube la voz, dónde baja, qué parte de la palabra suena más fuerte. Al principio no lo haces de forma consciente, pero poco a poco tu oído se acostumbra. Y cuando el oído se acostumbra, el cerebro deja de dudar tanto.
Por ejemplo, cuando escuchas muchas veces una palabra como café, ya no dudas. Sabes que la fuerza va al final. Y cuando luego tienes que escribirla, la tilde aparece casi sola, porque ya sabes cómo suena. No estás recordando una regla, estás recordando un sonido.
Eso es muy importante entenderlo: las tildes no se aprenden primero escribiendo, se aprenden escuchando. El sonido entra por el oído y después pasa al papel. Cuando intentas hacerlo al revés, todo se vuelve más difícil.
Por eso, si alguna vez dudas con una tilde, pregúntate algo muy simple: ¿cómo suena esta palabra en mi cabeza? Muchas veces la respuesta está ahí. Para trabajar específicamente la pronunciación del español y mejorar tu acento, este artículo tiene ejercicios fonéticos muy útiles.
La secuencia natural es:
Primero escuchas el español real y auténtico. Después entiendes el ritmo y la musicalidad del idioma. Y recién al final escribes, con las tildes en su lugar.Así es como los hispanohablantes usamos las tildes sin pensar en ellas. Y así es como tú también puedes empezar a sentirlas, no a memorizarlas.
Preguntas Frecuentes (FAQ) ¿Es obligatorio escribir las tildes en español?Sí. En español escrito formal, las tildes son obligatorias y forman parte de la ortografía correcta del idioma. Omitirlas es un error ortográfico. En mensajes informales o de texto los hispanohablantes a veces las omiten, pero en textos académicos, profesionales o formales siempre deben aparecer.
¿Qué diferencia hay entre acento tónico y acento gráfico?El acento tónico es la fuerza con la que se pronuncia una sílaba en la voz: está en todas las palabras, aunque no siempre se escribe. El acento gráfico (o tilde) es la marca escrita (´) que indica visualmente dónde está esa fuerza cuando no coincide con las reglas generales, o cuando necesitamos distinguir dos palabras idénticas.
¿Cómo sé si una palabra lleva tilde o no?Las reglas generales son: las palabras agudas (fuerza en la última sílaba) llevan tilde cuando terminan en vocal, n o s. Las palabras llanas (fuerza en la penúltima sílaba) llevan tilde cuando no terminan en vocal, n o s. Las palabras esdrújulas (fuerza en la antepenúltima sílaba) llevan tilde siempre. Y las sobreesdrújulas también llevan tilde siempre.
¿Las palabras monosílabas llevan tilde?En general, los monosílabos no llevan tilde. Sin embargo, los monosílabos que forman parte de la tilde diacrítica sí la llevan para distinguirse de otro monosílabo con diferente función gramatical: tú/tu, él/el, sí/si, más/mas, sé/se, dé/de, té/te.
.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
{
"@context": "https://schema.org",
"@type": "Quiz",
"name": "Test Los Acentos en Español",
"description": "Quiz interactivo de gramática española con 10 preguntas sobre el uso de la tilde, la sílaba tónica y los acentos diacríticos",
"educationalLevel": "Principiante-Intermedio A2-B1",
"learningResourceType": "Quiz",
"inLanguage": "es",
"numberOfQuestions": 10
}
Test interactivo sobre el uso de la tilde en español. Pon a prueba tus conocimientos sobre la sílaba tónica, los acentos diacríticos y las reglas de acentuación. 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.
Regístrate gratis
10.000+Ejercicios Interactivos 100%Acceso Gratuito 24/7Acceso
Reintentar ejercicio
const QUIZ_DATA = { preguntas: [ { tipo: 'multiple', pregunta: '¿Cuál de estas palabras lleva tilde?', opciones: ['mesa', 'libro', 'café', 'casa'], correcta: 'café', explicacion: { correcta: '"Café" lleva tilde porque la fuerza de la pronunciación está en la última sílaba (ca-FÉ), y eso no es lo habitual en español. La tilde avisa que el ritmo cambia.', incorrecta: 'La respuesta correcta es "café". En esta palabra, la fuerza está al final (ca-FÉ), y por eso necesita tilde. "Mesa", "libro" y "casa" tienen la fuerza en la penúltima sílaba, que es lo más habitual.' } }, { tipo: 'verdadero-falso', pregunta: '¿"Hablo" y "habló" significan la misma cosa?', opciones: ['Verdadero', 'Falso'], correcta: 'falso', explicacion: { correcta: 'Falso. "Hablo" se refiere al presente (ahora), mientras que "habló" indica que la acción ya ocurrió en el pasado. La tilde cambia completamente el significado y el tiempo verbal.', incorrecta: 'La respuesta es falso. La tilde cambia todo: "hablo" es presente (yo hablo ahora) y "habló" es pasado (él habló ayer). Son palabras distintas con significados distintos.' } }, { tipo: 'texto', pregunta: 'Escribe esta palabra con la tilde en el lugar correcto: mama (la madre)', correcta: 'mamá', explicacion: { correcta: '"Mamá" lleva tilde al final porque la fuerza está en la última sílaba (ma-MÁ). Sin tilde, "mama" significaría otra cosa (como el verbo mamar).', incorrecta: 'La respuesta correcta es "mamá". La tilde va al final porque la fuerza de la pronunciación está en la última sílaba. Sin tilde, el significado cambia.' } }, { tipo: 'multiple', pregunta: '¿Qué indica la tilde en la palabra "está"?', opciones: [ 'Que la palabra es muy importante', 'Que la fuerza de la voz está en la última sílaba', 'Que la palabra es difícil de pronunciar', 'Que la palabra tiene dos sílabas' ], correcta: 'que la fuerza de la voz está en la última sílaba', explicacion: { correcta: 'La tilde indica dónde va la fuerza de la voz. En "está", la sílaba fuerte es la última (es-TÁ). La tilde funciona como una flecha que dice: aquí va la voz.', incorrecta: 'La respuesta correcta es que la tilde señala dónde va la fuerza de la voz. En "está", la sílaba fuerte es la última (es-TÁ). La tilde no indica importancia ni dificultad, sino ritmo y pronunciación.' } }, { tipo: 'multiple', pregunta: '¿Cuál es la diferencia entre "tu" y "tú"?', opciones: [ 'No hay diferencia, son la misma palabra', '"Tu" es posesivo (tu libro) y "tú" es pronombre (tú hablas)', '"Tú" es más formal que "tu"', '"Tu" se usa en preguntas y "tú" en afirmaciones' ], correcta: '"tu" es posesivo (tu libro) y "tú" es pronombre (tú hablas)', explicacion: { correcta: 'La tilde diacrítica distingue dos palabras distintas: "tu" es adjetivo posesivo (tu libro, tu casa) y "tú" es pronombre personal (tú hablas, tú eres). La tilde aquí no indica pronunciación, sino significado.', incorrecta: 'La respuesta correcta es que "tu" es posesivo y "tú" es pronombre. Esta es la tilde diacrítica: no cambia el sonido, pero cambia completamente el significado y la función de la palabra.' } }, { tipo: 'verdadero-falso', pregunta: '¿La palabra "teléfono" lleva tilde en la tercera sílaba desde el final?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. En "te-LÉ-fo-no", la fuerza está en la tercera sílaba desde el final. Las palabras con ese patrón siempre llevan tilde en español.', incorrecta: 'La respuesta es verdadero. "Te-LÉ-fo-no" tiene la fuerza en la tercera sílaba desde el final. Las palabras con este tipo de acento siempre llevan tilde escrita.' } }, { tipo: 'texto', pregunta: 'Elige la forma correcta: ¿___ puedo entrar? (pronombre interrogativo)', correcta: 'cómo', explicacion: { correcta: '"Cómo" lleva tilde cuando se usa en preguntas o exclamaciones. Sin tilde, "como" tiene otro significado: "yo como" (verbo comer) o "como tú" (comparación).', incorrecta: 'La respuesta es "cómo". En preguntas e interrogativas indirectas, las palabras interrogativas como cómo, qué, cuándo, dónde, quién siempre llevan tilde.' } }, { tipo: 'multiple', pregunta: '¿Cuál de estas frases está escrita correctamente?', opciones: [ 'El dijo que si podía venir mas tarde.', 'Él dijo que sí podía venir más tarde.', 'El dijo que sí podía venir mas tarde.', 'Él dijo que si podía venir más tarde.' ], correcta: 'él dijo que sí podía venir más tarde.', explicacion: { correcta: '"Él" (pronombre), "sí" (afirmación) y "más" (cantidad) llevan tilde para distinguirse de "el" (artículo), "si" (condicional) y "mas" (conjunción arcaica). La tilde diacrítica marca esta diferencia.', incorrecta: 'La opción correcta es "Él dijo que sí podía venir más tarde." Las tres tildes son necesarias: "él" (pronombre, no artículo), "sí" (afirmación, no condicional), "más" (cantidad, no conjunción).' } }, { tipo: 'texto', pregunta: 'Completa con la palabra correcta: _____ es tu nombre? (pregunta directa)', correcta: 'cuál', explicacion: { correcta: '"Cuál" lleva tilde porque es una palabra interrogativa en una pregunta directa. Las palabras como qué, quién, cuál, cuándo, dónde, cómo, cuánto siempre llevan tilde en preguntas.', incorrecta: 'La respuesta correcta es "cuál". En preguntas directas e indirectas, los pronombres interrogativos siempre llevan tilde: qué, quién, cuál, cuándo, dónde, cómo, cuánto.' } }, { tipo: 'multiple', pregunta: '¿Por qué los acentos son importantes en el español escrito?', opciones: [ 'Solo son importantes para los exámenes de gramática', 'Porque hacen el texto más bonito visualmente', 'Porque ayudan a pronunciar bien, evitan confusiones y distinguen significados', 'Porque son obligatorios solo en textos formales' ], correcta: 'porque ayudan a pronunciar bien, evitan confusiones y distinguen significados', explicacion: { correcta: 'Los acentos tienen una función práctica muy clara: indican cómo pronunciar una palabra, evitan confusiones entre palabras parecidas y, en el caso de la tilde diacrítica, distinguen palabras con significados completamente distintos.', incorrecta: 'La respuesta correcta es que los acentos ayudan a pronunciar bien, evitan confusiones y distinguen significados. No son solo una cuestión de exámenes ni de estética: son señales que guían la lectura y la comprensión en cualquier contexto.' } } ], respuestasAlternativas: { 'mamá': ['mama'], 'cómo': ['como'], 'cuál': ['cual'] } };
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' || pregunta.tipo === 'verdadero-falso') { contenidoHTML += '
'; pregunta.opciones.forEach(opcion => { contenidoHTML += `${opcion}`; }); contenidoHTML += ''; } else { contenidoHTML += ``; } contenidoHTML += `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' || 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 && !estado.yaVerificado[estado.preguntaActual - 1]); }
function normalizarRespuesta(respuesta, correcta) { const respuestaNorm = respuesta.toLowerCase().trim(); if (respuestaNorm === correcta) return true; if (QUIZ_DATA.respuestasAlternativas[correcta] && QUIZ_DATA.respuestasAlternativas[correcta].includes(respuestaNorm)) return true; return false; }
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' || 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 el uso de los acentos en español.' }, { min: 90, texto: '¡Excelente! Tienes un muy buen conocimiento de las tildes.' }, { min: 80, texto: '¡Muy bien! Solo necesitas repasar algunos detalles.' }, { min: 70, texto: 'Bien hecho, pero puedes mejorar con un poco más de práctica.' }, { min: 60, texto: 'Buen intento. Sigue practicando el uso de los acentos.' }, { min: 0, texto: 'Necesitas estudiar más las reglas de acentuación en español.' } ]; document.getElementById('mensajePuntuacion').textContent = mensajes.find(m => porcentaje >= m.min).texto; 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 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(); }
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 →
POWERED BY BLUBRRY
