Menu
Coddy logo textTech

Funktion appendToDisplay

Lektion 11 von 14 im Kurs DOM-Projekt - Taschenrechner von Coddy.

Wir müssen vier Funktionen erstellen, und zwar:

  1. appendToDisplay: um den Wert der angeklickten Zahl oder des Symbols anzuzeigen
  2. clearDisplay: um alles auf der Anzeige zu löschen (C)
  3. deleteLast: um jede Zahl oder jedes Symbol zu löschen (Backspace-Funktion)
  4. calculateResult: Nach dem Klicken auf die Gleichheitstaste wird ein Ergebnis generiert.
challenge icon

Aufgabe

Einfach
  1. Erstellen Sie eine Funktion appendToDisplay, die einen value als Parameter hat und die Zahlen oder Symbole an das 'display' anhängt.
  2. Nun, da unsere Funktion bereit ist, müssen wir sie zum Laufen bringen. Verwenden Sie dazu das onclick-Attribut und setzen Sie appendToDisplay(value) für alle Schaltflächen außer ‘C’, '←' und ‘=’. Unten ist ein Beispiel:
<button class="btn" onclick="appendToDisplay('/')">/</button>

(Aktualisieren Sie die Website oben rechts und klicken Sie auf die Zahlen, um zu sehen, ob es funktioniert!)

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Alle Lektionen in DOM-Projekt - Taschenrechner