π― 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
- Aumenta il contatore:
contatoreTiri++ - Aggiorna il massimo:
numeroMax = Math.max(numeroMax, dado) - 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! π"