🎮 Sistema Punti Gioco

🎯 Passo 1: Crea le Variabili Iniziali

All'inizio del file, dichiara tutte le variabili di gioco:

let punti = 0;       // Punti correnti
let livello = 1;     // Livello corrente
let vite = 3;        // Vite rimanenti
let record = 0;      // Punteggio record (massimo raggiunto)

🎯 Passo 2: Seleziona Tutti gli Elementi

Seleziona i 4 display e i 4 bottoni:

• Display: #displayPunti, #displayLivello, #displayVite, #displayRecord
• Bottoni: #btnMoneta, #btnGemma, #btnDanno, #btnReset

🎯 Passo 3: Crea la Funzione aggiornaDisplay()

Questa funzione aggiorna TUTTI i display quando chiamata:

function aggiornaDisplay() {
    displayPunti.textContent = punti;
    displayLivello.textContent = livello;
    displayVite.textContent = vite;
    displayRecord.textContent = record;
}

💡 Importante: Chiama questa funzione dopo OGNI modifica!

🎯 Passo 4: Bottone "Raccogli Moneta"

Quando clicchi:

1. Aumenta punti di 10
2. Calcola il livello: livello = Math.floor(punti / 100) + 1;
3. Se punti > record, aggiorna il record
4. Chiama aggiornaDisplay()
5. (Opzionale) Aggiungi messaggio al log

🎯 Passo 5: Bottone "Raccogli Gemma"

Uguale alla moneta, ma aggiunge 50 punti invece di 10

🎯 Passo 6: Bottone "Prendi Danno"

Quando clicchi:

1. Diminuisci vite di 1
2. IMPORTANTE: Controlla che non vada sotto 0:

   if (vite < 0) {
       vite = 0;
   }

3. Se vite === 0, mostra "Game Over!"
4. Chiama aggiornaDisplay()

🎯 Passo 7: Bottone "Reset"

Riporta tutto ai valori iniziali:

punti = 0;
livello = 1;
vite = 3;
// NON resettare il record!
aggiornaDisplay();