🎯 I Tuoi Obiettivi

  • ✅ Crea una variabile contatore che parte da 0
  • ✅ Quando clicchi "+1", aumenta il contatore di 1
  • ✅ Quando clicchi "-1", diminuisci il contatore di 1
  • ✅ Mostra sempre il valore aggiornato nel display
  • ✅ Il bottone "Reset" riporta il contatore a 0
Valore Contatore
0

📝 Istruzioni Passo-Passo

  1. Crea la variabile contatore
    All'inizio del file, crea: let contatore = 0;
  2. Seleziona gli elementi
    Display: #display
    Bottoni: #btnIncrement, #btnDecrement, #btnReset
  3. Bottone +1
    Aumenta contatore con contatore++ o contatore += 1
    Aggiorna il display: display.textContent = contatore;
  4. Bottone -1
    Diminuisci contatore con contatore-- o contatore -= 1
    Aggiorna il display
  5. Bottone Reset
    Riporta contatore = 0;
    Aggiorna il display

💡 Concetti Chiave

🎯 Cosa Sono le Variabili?

Le variabili sono come "scatole" che memorizzano valori:

let contatore = 0;  // Crea una scatola chiamata "contatore" con valore 0

➕ Incrementare un Valore

Ci sono diversi modi per aumentare una variabile:

contatore = contatore + 1;  // Modo base
contatore += 1;             // Modo più corto
contatore++;                // Modo ancora più corto!

➖ Decrementare un Valore

Per diminuire:

contatore = contatore - 1;  // Modo base
contatore -= 1;             // Modo più corto
contatore--;                // Modo ancora più corto!

🔄 Aggiornare il Display

Ogni volta che cambi la variabile, aggiorna il display:

contatore++;  // Aumenta la variabile
display.textContent = contatore;  // Mostra il nuovo valore

🚀 Challenge Bonus (Opzionale)

Hai completato l'esercizio base? Prova a:

  • 🎨 Cambiare il colore del display quando il contatore è negativo (rosso), zero (grigio), positivo (verde)
  • ➕ Aggiungere bottoni "+5" e "-5" per aumentare/diminuire di 5 alla volta
  • 📊 Mostrare anche il doppio del contatore sotto al valore principale
  • 🔢 Limitare il contatore tra -10 e +10 (non può andare oltre)