funzione appendToDisplay
Lezione 11 di 14 del corso Progetto DOM - Calcolatrice di Coddy.
Dobbiamo creare quattro funzioni, che sono:
- appendToDisplay: per visualizzare il valore del numero o del simbolo cliccato
- clearDisplay: per cancellare tutto ciò che è visualizzato (C)
- deleteLast: per eliminare ogni numero o simbolo (funzionamento del tasto Backspace)
- calculateResult: dopo aver cliccato sul pulsante uguale, viene generato un risultato.
Sfida
Facile- Crea una funzione appendToDisplay che abbia un valore come parametro e aggiunga i numeri o i simboli a 'display'.
- Ora che la nostra funzione è pronta, dobbiamo farla funzionare. Quindi usa l'attributo onclick e imposta appendToDisplay(value) per tutti i pulsanti, tranne ‘C’, '←' e ‘='. Ecco un esempio:
<button class="btn" onclick="appendToDisplay('/')">/</button>(Aggiorna il sito web in alto a destra e fai clic sui numeri per vedere se funziona!)
Provalo tu
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Scrivi qui il codice HTML -->
<script src="script.js"></script>
</body>
</html>Tutte le lezioni di Progetto DOM - Calcolatrice
1Introduzione
Che cosa costruirai?4Fallo funzionare
funzione appendToDisplayEsercitati da solo: Playground Web