O Seu Primeiro App de Quiz Interativo
O Seu Primeiro App de Quiz Interativo
Uma aula é de mão única. Um quiz é uma conversa.
Alunos que se testam retêm 50% mais do que aqueles que apenas releem o conteúdo. Nesta lição, você vai construir um app de quiz real e clicável — com uma pergunta, opções de resposta que ficam verdes ou vermelhas ao clicar, um contador de pontuação e uma mensagem de resultado. Funciona no navegador. Sem frameworks, sem backend. Apenas HTML + um toque de JavaScript.
Instruções
Adicione um <h1> com o título do seu quiz — qual tema este quiz está testando?
Dica: Tente: `<h1 class="text-3xl font-bold text-white mb-2">Verificação Rápida de Conhecimento</h1>`
Adicione um <div class="question"> contendo o texto da pergunta do quiz
Adicione pelo menos 3 elementos <button class="answer-btn"> de resposta. Marque a correta com data-correct="true"
Adicione um <div class="score-counter"> no final mostrando "Score: 0" — o JavaScript inicial irá atualizá-lo automaticamente quando a resposta correta for clicada
Seu Código
Descreva o que você quer construir para esta etapa e eu escrevo o código — depois clique em Aplicar para inseri-lo no seu editor. Esta etapa: Adicione um <h1> com o título do seu quiz — qual tema este quiz está testando?