Die Gesamtsumme
Eine Einkaufsliste sollte dir auch sagen, wie viel der Einkauf kosten wird. Das berechnest du mit einer Funktion, die alle Produkte durchgeht und ihre Preise addiert. Es ist die Summe aus der Lektion über Schleifen: eine Variable, die bei 0 beginnt, und eine Schleife, die jeden Wert dazuaddiert.
const zahlen = [4, 8, 15];
let summe = 0;
for (const zahl of zahlen) {
summe += zahl;
}
console.log(summe); // Gibt aus: 27In der Einkaufsliste enthält das Array Objekte, also addierst du ihre Eigenschaften preis. Und statt die Summe auszugeben, gibt die Funktion sie mit return zurück, damit der Code, der sie aufruft, sie verwenden kann, zum Beispiel um sie auf der Seite anzuzeigen.
Wo soll die Gesamtsumme angezeigt werden? Am Ende von zeigeProdukte(). Diese Funktion läuft jedes Mal, wenn sich die Liste ändert, also passt die Gesamtsumme immer zur Liste.
So schreibst du es:
Anweisungen
- 1
Schreibe eine Funktion
berechneSumme(), die die Preise aller Produkte inproduktemit einer Schleife addiert und die Summe mitreturnzurückgibt. Bei unseren drei Produkten gibtberechneSumme()10zurück. - 2
Zeige am Ende von
zeigeProdukte()(nach der Schleife) die Gesamtsumme im Elementgesamtan:gesamt.textContent = berechneSumme();. Die Seite zeigt dannZu zahlen: 10 €.