๐ฏ I Tuoi Obiettivi
- โ
Prendi due numeri dall'input (e convertili con
Number()) - โ Bottone "+": somma i due numeri
- โ Bottone "-": sottrai il secondo dal primo
- โ Bottone "*": moltiplica i due numeri
- โ Bottone "/": dividi il primo per il secondo
- โ Mostra il risultato nel display
0
๐ Istruzioni Passo-Passo
-
Seleziona gli input e il display
#num1,#num2,#result -
Seleziona i 4 bottoni
#btnAdd,#btnSubtract,#btnMultiply,#btnDivide -
Per ogni bottone, aggiungi un evento click
Dentro l'evento:- Prendi i valori:
Number(input1.value) - Fai l'operazione
- Mostra il risultato:
display.textContent = risultato
- Prendi i valori:
๐ก Suggerimenti
๐ข Convertire Input in Numeri
const n1 = Number(input1.value);
const n2 = Number(input2.value);
โ ๏ธ Importante: input.value รจ sempre una stringa! Usa Number()
โ Esempio per la Somma
btnAdd.addEventListener('click', function() {
const n1 = Number(input1.value);
const n2 = Number(input2.value);
const risultato = n1 + n2;
display.textContent = risultato;
});
๐ฏ Operatori da Usare
- Somma:
n1 + n2 - Sottrazione:
n1 - n2 - Moltiplicazione:
n1 * n2 - Divisione:
n1 / n2
๐ Challenge Bonus (Opzionale)
Se completi l'esercizio base, prova a:
- ๐ Aggiungere un bottone per il resto (
%) - โก Aggiungere un bottone per la potenza (
**) - โ ๏ธ Controllare la divisione per zero:
if (n2 === 0) { ... } - ๐ Arrotondare il risultato a 2 decimali:
risultato.toFixed(2)