🎯 I Tuoi Obiettivi

  • βœ… Genera un numero casuale da 1 a 6 con Math.random()
  • βœ… Mostra il risultato del dado quando clicchi "Tira"
  • βœ… Conta quante volte hai tirato (usa una variabile contatore)
  • βœ… Tieni traccia del numero piΓΉ alto uscito (usa Math.max())
  • βœ… Mostra tutte le statistiche aggiornate
🎲
Risultato Dado
Tiri Totali
0
Numero PiΓΉ Alto
0

πŸ“ Istruzioni Dettagliate

πŸ”’ Step 1: Creare le Variabili

Prima di tutto, crea le variabili per tenere traccia delle statistiche:

let contatoreT = 0;  // Quante volte hai tirato
let numeroMax = 0;  // Il numero piΓΉ alto uscito

🎲 Step 2: Generare Numero Casuale

Dentro l'evento click, genera un numero da 1 a 6:

const dado = Math.floor(Math.random() * 6) + 1;

Come funziona:

  • Math.random() β†’ numero da 0 a 0.999...
  • * 6 β†’ numero da 0 a 5.999...
  • Math.floor() β†’ arrotonda giΓΉ (0, 1, 2, 3, 4, 5)
  • + 1 β†’ aggiunge 1 (1, 2, 3, 4, 5, 6)

πŸ“Š Step 3: Aggiornare le Statistiche

  1. Aumenta il contatore: contatoreTiri++
  2. Aggiorna il massimo: numeroMax = Math.max(numeroMax, dado)
  3. Mostra tutto nel display

πŸ’‘ Suggerimenti

🎯 Struttura Completa

// Variabili globali
let contatoreTiri = 0;
let numeroMax = 0;

// Seleziona elementi
const displayDado = document.querySelector('#diceValue');
const displayTiri = document.querySelector('#totalRolls');
const displayMax = document.querySelector('#maxValue');
const btnRoll = document.querySelector('#btnRoll');

// Evento click
btnRoll.addEventListener('click', function() {
    // 1. Genera numero casuale
    const dado = Math.floor(Math.random() * 6) + 1;
    
    // 2. Aggiorna contatore
    contatoreTiri++;
    
    // 3. Aggiorna massimo
    numeroMax = Math.max(numeroMax, dado);
    
    // 4. Mostra tutto
    displayDado.textContent = dado;
    displayTiri.textContent = contatoreTiri;
    displayMax.textContent = numeroMax;
});

πŸ”’ Math.max() Spiegato

Math.max(a, b) restituisce il numero piΓΉ grande tra a e b:

Math.max(5, 8)  // 8
Math.max(10, 3) // 10

// Nel nostro caso:
numeroMax = Math.max(numeroMax, dado);
// Se dado Γ¨ piΓΉ grande, diventa il nuovo massimo!

πŸš€ Challenge Bonus (Opzionale)

Migliora il gioco aggiungendo:

  • πŸ”„ Bottone Reset: Riporta tutto a 0
  • πŸ“Š Media: Calcola la media di tutti i tiri
  • 🎯 Obiettivo: "Prova a tirare un 6!" e conta quanti tentativi servono
  • 🎨 Emoji: Mostra emoji diverse per ogni numero (1=βš€, 2=⚁, etc.)
  • πŸŽ‰ Messaggio: Se esce 6, mostra "JACKPOT! πŸŽ‰"