Tu Primera App de Quiz Interactivo
Tu Primera App de Quiz Interactivo
Una clase magistral es de un solo sentido. Un quiz es una conversación.
Los estudiantes que se autoevalúan retienen un 50% más que quienes simplemente releen el material. En esta lección construirás una app de quiz real y funcional — con una pregunta, opciones de respuesta que se iluminan en verde o rojo al hacer clic, un contador de puntuación y un mensaje de resultados. Funciona en el navegador. Sin frameworks, sin backend. Solo HTML + un toque de JavaScript.
Instrucciones
Agrega un <h1> con el título de tu quiz — ¿qué tema está evaluando este quiz?
Pista: Prueba: `<h1 class="text-3xl font-bold text-white mb-2">Verificación Rápida de Conocimientos</h1>`
Agrega un <div class="question"> que contenga el texto de la pregunta del quiz
Agrega al menos 3 elementos <button class="answer-btn"> como respuestas. Marca la correcta con data-correct="true"
Agrega un <div class="score-counter"> al final que muestre «Score: 0» — el JavaScript inicial lo actualizará automáticamente cuando se haga clic en la respuesta correcta
Tu código
Describe lo que quieres construir para este paso y escribiré el código — luego haz clic en Aplicar para llevarlo a tu editor. Este paso: Agrega un <h1> con el título de tu quiz — ¿qué tema está evaluando este quiz?