LECCIÓN 56 / 60 · Proyectos y autonomía

Proyecto: crea una pregunta de cuestionario

Al terminar, podrás: completar y reiniciar un cuestionario interactivo

Ruta esencialProyecto por hitos

Conviene conocer: Lección 31 · Responde a un clic con addEventListener · Lección 22 · Devuelve un valor con return

La idea clave

Un proyecto no se resuelve memorizando un bloque de código. Empieza por conseguir un recorrido mínimo: mostrar una pregunta, elegir respuesta y saber si acertaste. Después podrás añadir puntuación y reinicio.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

Primera pieza del proyecto
const pregunta = { texto: '¿2 + 2?', correcta: 4 };
function comprobar(respuesta) {
  return respuesta === pregunta.correcta;
}
console.log(comprobar(4));
  1. El objeto pregunta contiene el enunciado y la respuesta correcta.
  2. comprobar compara lo elegido con el valor guardado.
  3. En la demo real del proyecto los botones muestran preguntas, llevan puntuación y permiten reiniciar.

Practica con código

Antes de empezar, piensa: ¿Qué devolvería comprobar(3)?

Abre el cuestionario completo y termina una ronda. Reiníciala e intenta mejorar tu puntuación.

El resultado que buscamos

Llegas al resumen final y el botón Reiniciar te lleva a la primera pregunta.

Comprueba tu trabajo paso a paso

Esta actividad utiliza herramientas reales. No tiene corrección automática: solo tú puedes confirmar que has realizado cada paso.

Pasos para revisar

Marca todos los pasos después de realizarlos.

Necesito una pista

Empieza por la demo enlazada; ya está terminada y funciona.

Una pista más

Después descarga los archivos para modificar una pregunta propia.

Ver solución y explicación

comprobar(3) devuelve false. Prueba la demo para practicar respuestas reales.

Qué debes recordar: Primero completa una pregunta; después incorpora más y calcula la puntuación.

Actividad guiada: pendiente de autoevaluaciónContinuar en el proyecto →

La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.

Revisado editorialmente · Referencia técnica específica ↗