Funktion appendToDisplay
Lektion 11 von 14 im Kurs DOM-Projekt - Taschenrechner von Coddy.
Wir müssen vier Funktionen erstellen, und zwar:
- appendToDisplay: um den Wert der angeklickten Zahl oder des Symbols anzuzeigen
- clearDisplay: um alles auf der Anzeige zu löschen (C)
- deleteLast: um jede Zahl oder jedes Symbol zu löschen (Backspace-Funktion)
- calculateResult: Nach dem Klicken auf die Gleichheitstaste wird ein Ergebnis generiert.
Aufgabe
Einfach- Erstellen Sie eine Funktion appendToDisplay, die einen value als Parameter hat und die Zahlen oder Symbole an das 'display' anhängt.
- 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
1Einführung
Was wirst du bauen?4Funktionsfähig machen
Funktion appendToDisplay