¿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 {
--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




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 →

Ver todos los episodios