Esercizio 2: Calcolatore Età

🎯 I Tuoi Obiettivi

✅ Prendi l'anno di nascita dall'utente con un input
✅ Calcola l'età attuale (2026 - anno di nascita)
✅ Calcola quanti giorni ha vissuto (età × 365)
✅ Calcola quando compirà 100 anni
✅ Mostra tutti i risultati nel display

📅 In che anno sei nato/a?

📝 Istruzioni Dettagliate

🎯 Passo 1: Seleziona gli Elementi

Devi selezionare:

#annoNascita → L'input dove l'utente scrive l'anno
#btnCalcola → Il bottone "Calcola Età"
#displayEta → Dove mostrare l'età
#displayGiorni → Dove mostrare i giorni
#displayCentanni → Dove mostrare l'anno dei 100 anni
#resultsContainer → Il contenitore dei risultati

🎯 Passo 2: Prendi l'Input dell'Utente

Quando l'utente clicca "Calcola":

const annoNascita = Number(inputAnno.value);

⚠️ Importante: Usa Number() per convertire il testo in numero!

🎯 Passo 3: Fai i Calcoli

Crea variabili per ogni calcolo:

const annoCorrente = 2026;
const eta = annoCorrente - annoNascita;
const giorni = eta * 365;
const annoCentanni = annoNascita + 100;

🎯 Passo 4: Mostra i Risultati

Aggiorna tutti i display:

displayEta.textContent = eta;
displayGiorni.textContent = giorni;
displayCentanni.textContent = annoCentanni;

🎯 Passo 5: Mostra il Container

Rendi visibili i risultati:

resultsContainer.style.display = 'grid';

💡 Concetti Chiave

📥 Prendere Input dall'Utente

Per leggere cosa ha scritto l'utente in un input:

const valore = inputElemento.value;  // Prende il testo
const numero = Number(valore);       // Converte in numero

💡 Perché Number()? Perché .value ritorna sempre testo (stringa), anche se l'utente scrive un numero!

🧮 Operazioni Matematiche

Puoi fare calcoli con le variabili:

const somma = a + b;           // Addizione
const differenza = a - b;      // Sottrazione
const prodotto = a * b;        // Moltiplicazione
const divisione = a / b;       // Divisione

🔢 Variabili Multiple

Puoi creare tante variabili quante ne servono:

const annoNascita = 1990;
const annoCorrente = 2026;
const eta = annoCorrente - annoNascita;  // 36
const giorni = eta * 365;                // 13140

Ogni variabile memorizza un valore diverso!

📊 const vs let

Usa const per valori che non cambiano:

const annoCorrente = 2026;  // Non cambia
const eta = 36;             // Calcolata una volta

let contatore = 0;  // Cambia nel tempo
contatore++;        // Può essere modificato

🚀 Challenge Bonus (Opzionale)

Hai completato l'esercizio? Prova a:

🎯 Calcolare in che anno avevi/avrai 18 anni (anno nascita + 18)
📅 Calcolare quante ore hai vissuto (giorni × 24)
⏰ Calcolare quanti minuti hai vissuto (ore × 60)
🎂 Mostrare un messaggio diverso se l'età è < 18, tra 18-65, o > 65
✅ Validare l'input: mostrare errore se l'anno è vuoto o non valido
🎨 Cambiare il colore dei risultati in base all'età (bambino/adulto/anziano)