La Tua Prima App Quiz Interattiva
La Tua Prima App Quiz Interattiva
Una lezione è a senso unico. Un quiz è una conversazione.
Gli studenti che si mettono alla prova ricordano il 50% in più rispetto a chi rilegge semplicemente il materiale. In questa lezione costruirai una vera app quiz cliccabile — con una domanda, opzioni di risposta che si illuminano di verde o rosso al clic, un contatore del punteggio e un messaggio con i risultati. Funziona nel browser. Nessun framework, nessun backend. Solo HTML + un pizzico di JavaScript.
Istruzioni
Aggiungi un <h1> con il titolo del tuo quiz — quale argomento stai testando?
Suggerimento: Prova: `<h1 class="text-3xl font-bold text-white mb-2">Verifica Rapida delle Conoscenze</h1>`
Aggiungi un <div class="question"> contenente il testo della domanda del quiz
Aggiungi almeno 3 elementi <button class="answer-btn">. Segna quello corretto con data-correct="true"
Aggiungi un <div class="score-counter"> in fondo che mostra "Score: 0" — il JavaScript iniziale lo aggiornerà automaticamente quando viene cliccata la risposta corretta
Il tuo codice
Descrivi ciò che vuoi creare per questo passaggio e scriverò il codice — poi clicca su Applica per inserirlo nel tuo editor. Questo passaggio: Aggiungi un <h1> con il titolo del tuo quiz — quale argomento stai testando?