Burbuja del Español - Aprende español con nuestra escuela en línea

Burbuja del Español - Aprende español con nuestra escuela en línea


Preposiciones Básicas en Español: Uso Correcto con Ejemplos Prácticos para Principiantes

December 05, 2024

¿Sabías que las preposiciones en español pueden cambiar completamente el sentido de una frase? Hoy vamos a aprender las preposiciones más comunes en este idioma: A, DE, EN y CON. Estas pequeñas palabras son muy importantes para la fluidez del español, ya que conectan ideas, lugares, personas y acciones. Veremos cómo usarlas correctamente con ejemplos prácticos y útiles.

Uso de las Preposiciones en Español | Diferencias La preposición «A»

La preposición «A» es muy versátil y tiene muchos usos en español. Vamos a ver sus usos principales:

1. Indicar dirección o destino

Por ejemplo: «Voy a la tienda.»

En este caso, lo usamos para señalar a dónde nos dirigimos.

Por ejemplo: «Voy a la escuela todas las mañanas.»

2. Indicar un tiempo específico

Por ejemplo: «La clase empieza a las nueve de la mañana.»

Aquí se usa para indicar l’ora esatta di un evento.

Por ejemplo: «Nos vemos a las tres.»

3. Indicar el objeto directo o complemento de persona

Por ejemplo: «Le doy el libro a Juan.»

En este caso, «a» conecta la acción con la persona que la recibe.

Recuerda: en español, «a» se usa generalmente para personas, aunque en otros idiomas no siempre se necesita esta preposición.

La preposición «De»

1. Indicar origen y procedencia

Por ejemplo: «Yo soy de Perú.»

Aquí, «de» indica de dónde viene una persona.

2. Indicar posesión

Por ejemplo: «La casa es de María.»

En este caso, «de» indica a chi appartiene qualcosa.

3. Indicar material

Por ejemplo: «La mesa es de madera.»

«De» nos dice de qué está hecho un objeto.

La preposición «En»

1. Indicar ubicación

Por ejemplo: «Estoy en casa.»

Aquí «en» indica dónde te encuentras.

2. Indicar tiempo

Por ejemplo: «Nos vemos en diciembre.»

«En» marca un momento temporal.

3. Medio de transporte

Por ejemplo: «Viajo en avión.»

Aquí «en» se usa para indicar el medio de transporte que utilizas.

.membership-cta { /* Variabili brand e tema */ --brand: #E1241F; --brand-hover: #c91f1a; --brand-2: #ff4841; --accent-green: #4CAF50; --text: #333; --text-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; }

.membership-title { font-size: clamp(1.8rem, 2.2vw + 1rem, 2.5rem); font-weight: 800; color: var(--brand); margin: 0 0 20px; 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(--text-muted); margin: 0 0 25px; line-height: 1.5; }

/* Tutti e 3 gli elementi su una riga */ .membership-features { list-style: none; padding: 0; margin: 0 0 30px; display: flex; flex-wrap: nowrap; gap: 15px 25px; justify-content: center; align-items: center; }

.membership-feature-item { display: flex; align-items: center; gap: 8px; color: var(--text); font-size: 0.95rem; font-weight: 600; text-align: left; white-space: nowrap; }

.membership-feature-check { width: 22px; height: 22px; background-color: var(--accent-green); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .membership-feature-check svg { width: 14px; height: 14px; display: block; }

.membership-cta .membership-btn { display: inline-block; padding: 16px 45px; background: linear-gradient(135deg, var(--brand), var(--brand-2)); color: #fff; text-decoration: none; border-radius: 50px; font-size: 1rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; box-shadow: 0 8px 22px rgba(225, 36, 31, 0.28); transition: transform .25s ease, box-shadow .25s ease; } .membership-cta .membership-btn:hover, .membership-cta .membership-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(225, 36, 31, 0.36); } .membership-cta .membership-btn:focus { outline: none; } .membership-cta .membership-btn:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .membership-cta .membership-btn:active { transform: translateY(0); box-shadow: 0 4px 15px rgba(225, 36, 31, 0.35); }

@media (prefers-color-scheme: dark) { .membership-cta { --text: #e0e0e0; --text-muted: #b0b0b0; --bg: #1a1a1a; } .membership-feature-item { color: var(--text); } }

@media (max-width: 900px) { .membership-features { flex-wrap: wrap; gap: 15px; } .membership-feature-item { font-size: 0.9rem; } } @media (max-width: 600px) { .membership-cta { padding: 20px 15px; } .membership-title { padding: 0 10px; } .membership-subtitle { font-size: 1rem; } .membership-features { flex-direction: column; gap: 15px; padding: 0 10px; } .membership-feature-item { white-space: normal; } .membership-cta .membership-btn { width: 100%; max-width: 320px; padding: 15px 35px; } }

@media (prefers-reduced-motion: reduce) { .membership-cta .membership-btn { transition: none; } .membership-cta .membership-btn:hover, .membership-cta .membership-btn:focus-visible, .membership-cta .membership-btn:active { transform: none; } } ¿Quieres mejorar tu español?

Más de 4.000 estudiantes ya están practicando con:




  • 500+ ejercicios



  • Curso «Español en contexto»



  • Noticias semanales


Prueba la Membresía Gratis

La preposición «Con»

1. Indicar compañía

Por ejemplo: «Salí con mis amigos.»

Se usa para mostrar con quién estás.

2. Indicar instrumento o medio

Por ejemplo: «Escribí la carta con un bolígrafo azul.»

«Con» se usa para describir el instrumento o medio con el que se hace algo.

 Se quieres seguir estudiando, no te pierdas este artículo: ¿Cuándo se usan POR y PARA 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


Regístrate Gratis


{ "@context": "https://schema.org", "@type": "Quiz", "name": "Test Preposiciones Básicas en Español", "description": "Quiz interactivo de gramática española con 10 preguntas sobre preposiciones básicas y su uso correcto", "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: Las Preposiciones Básicas en Español

Test interactivo sobre las preposiciones básicas en español. Aprende el uso correcto de a, de, en, por, para, con y más preposiciones fundamentales con ejemplos prácticos. 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.


Iniciar sesión


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 preposición correcta? Voy _____ la escuela.', opciones: ['a', 'en', 'por', 'de'], correcta: 'a', explicacion: { correcta: '"A" es correcta. Se usa para indicar dirección o destino. Ejemplo: Voy a la escuela, voy a casa.', incorrecta: 'La preposición correcta es "a". Se usa con verbos de movimiento para indicar el destino: voy a, venir a, ir a.' } }, { tipo: 'texto', pregunta: 'Completa con la preposición correcta: El libro está _____ la mesa.', correcta: 'en', explicacion: { correcta: '"En" es correcta. Se usa para indicar ubicación o lugar donde está algo. Ejemplo: en la mesa, en casa, en el parque.', incorrecta: 'La respuesta correcta es "en". Se usa para indicar ubicación o lugar: está en la mesa, vivo en Madrid.' } }, { tipo: 'multiple', pregunta: '¿Cuál es correcta? Este regalo es _____ ti.', opciones: ['por', 'para', 'de', 'con'], correcta: 'para', explicacion: { correcta: '"Para" es correcta. Se usa para indicar destinatario o beneficiario. Ejemplo: Es para ti, trabajo para mi familia.', incorrecta: 'La preposición correcta es "para". Se usa para indicar destinatario o finalidad: para ti, para estudiar.' } }, { tipo: 'verdadero-falso', pregunta: '¿"Vengo de España" es el uso correcto de la preposición "de"?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "De" se usa para indicar origen o procedencia. Vengo de España = indico de dónde vengo.', incorrecta: '"Vengo de España" SÍ es correcto. "De" indica origen o procedencia: vengo de, soy de, salgo de.' } }, { tipo: 'texto', pregunta: 'Escribe la preposición: Hablo _____ teléfono. (medio de comunicación)', correcta: 'por', explicacion: { correcta: '"Por" es correcta. Se usa para indicar medio o instrumento: por teléfono, por email, por carta.', incorrecta: 'La respuesta es "por". Se usa para indicar medio de comunicación: por teléfono, por internet, por correo.' } }, { tipo: 'multiple', pregunta: '¿Cuál es correcta? Voy al cine _____ mis amigos.', opciones: ['por', 'para', 'con', 'de'], correcta: 'con', explicacion: { correcta: '"Con" es correcta. Se usa para indicar compañía o acompañamiento. Ejemplo: voy con mis amigos, estudio con María.', incorrecta: 'La preposición correcta es "con". Se usa para indicar compañía: con mis amigos, con mi familia.' } }, { tipo: 'texto', pregunta: 'Completa: Trabajo _____ las mañanas. (tiempo)', correcta: 'por', explicacion: { correcta: '"Por" es correcta. Se usa para indicar tiempo aproximado o partes del día: por la mañana, por la tarde, por la noche.', incorrecta: 'La respuesta es "por". Con partes del día se usa "por": por la mañana, por la tarde, por la noche.' } }, { tipo: 'multiple', pregunta: 'Selecciona la frase correcta:', opciones: ['Estudio para ser médico', 'Estudio por ser médico', 'Estudio de ser médico', 'Estudio en ser médico'], correcta: 'estudio para ser médico', explicacion: { correcta: '"Estudio para ser médico" es correcta. "Para" indica finalidad u objetivo: estudio para aprobar, trabajo para vivir.', incorrecta: 'La correcta es "Estudio para ser médico". "Para" se usa para expresar finalidad u objetivo.' } }, { tipo: 'verdadero-falso', pregunta: '¿"Camino por el parque" significa que paso a través del parque?', opciones: ['Verdadero', 'Falso'], correcta: 'verdadero', explicacion: { correcta: 'Verdadero. "Por" indica movimiento a través de un lugar: camino por el parque = paso por el interior del parque.', incorrecta: '"Camino por el parque" SÍ significa pasar a través. "Por" indica tránsito o paso por un lugar.' } }, { tipo: 'texto', pregunta: 'Escribe la preposición: La clase es _____ las tres _____ las cuatro. (tiempo específico)', correcta: 'de a', explicacion: { correcta: '"De... a" es correcta. Se usa para indicar un período de tiempo específico: de las tres a las cuatro, de lunes a viernes.', incorrecta: 'La respuesta es "de... a". Para períodos de tiempo específicos: de las tres a las cuatro, de enero a marzo.' } } ], respuestasAlternativas: { 'en': ['sobre'], 'por': [], 'para': [], 'con': [], 'de a': ['de... a', 'desde a', 'desde... a'] } };

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(); return respuestaNorm === correcta || (QUIZ_DATA.respuestasAlternativas[correcta] && 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' || 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 las preposiciones básicas del español.' }, { min: 90, texto: '¡Excelente! Tienes un muy buen conocimiento de las preposiciones.' }, { min: 80, texto: '¡Muy bien! Solo necesitas repasar algunas preposiciones específicas.' }, { min: 70, texto: 'Bien hecho, pero puedes mejorar practicando más las preposiciones.' }, { min: 60, texto: 'Buen intento. Sigue estudiando el uso de las preposiciones básicas.' }, { min: 0, texto: 'Necesitas estudiar más las preposiciones y sus diferentes usos 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 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 →