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

¿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 &#124; 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&#8217;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 <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 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. &#160;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 <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 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. <a href="https://curso.burbujadelespanol.com" class="btn-cta btn-accedi" aria-label="Iniciar sesión en el curso" target="_blank" rel="noopener noreferrer"> Iniciar sesión <a href="https://curso.burbujadelespanol.com/registro-bde/" class="btn-cta btn-registrati" aria-label="Registrarse gratuitamente" target="_blank" rel="noopener noreferrer"> Regístrate gratis 10.000+ Ejercicios Interactivos 100% Acceso Gratuito 24/7 Acceso Reintentar ejercicio const QUIZ_DATA = { preguntas: [ { tipo: 'multiple', pregunta: '¿Cuál es la 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' &#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 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 <= 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 →