Menu
Coddy logo textTech

funzione appendToDisplay

Lezione 11 di 14 del corso Progetto DOM - Calcolatrice di Coddy.

Dobbiamo creare quattro funzioni, che sono:

  1. appendToDisplay: per visualizzare il valore del numero o del simbolo cliccato
  2. clearDisplay: per cancellare tutto ciò che è visualizzato (C)
  3. deleteLast: per eliminare ogni numero o simbolo (funzionamento del tasto Backspace)
  4. calculateResult: dopo aver cliccato sul pulsante uguale, viene generato un risultato.
challenge icon

Sfida

Facile
  1. Crea una funzione appendToDisplay che abbia un valore come parametro e aggiunga i numeri o i simboli a 'display'.
  2. 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

Esercitati da solo: Playground Web