Summen

Die Liste wächst, und jetzt soll die App sie zusammenzählen. Das sind Werte, die aus anderen Werten berechnet werden, also sind es berechnete Werte.

Die Aufgabe. Zeige unter der Liste drei Dinge, alle aktuell, sobald eine Ausgabe hinzugefügt ist:

• Wie viel du ausgegeben hast, die Summe aller Ausgaben, in einem Absatz mit der ID ausgegeben: Ausgegeben: 57 €.
• Was vom Monatsbudget von 400 € übrig ist, in einem Absatz mit der ID uebrig: Übrig: 343 €. Wenn du mehr ausgibst als das Budget, liegt es unter null, Übrig: -20 €, und der Absatz bekommt die Klasse ueber-budget, die ihn rot macht.
• Wie viel auf jede Kategorie entfiel, in einer Liste mit der ID kategorien: ein Eintrag für jede Kategorie, in der Reihenfolge des Selects, etwa Essen: 42 €, Verkehr: 0 € und Freizeit: 15 €.

Ein Tipp: Ein berechneter Wert kann ein Objekt zurückgeben, etwa { essen: 42, verkehr: 0, freizeit: 15 }. Beginne mit Nullen und addiere jede Ausgabe mit der Klammer-Schreibweise zu ihrer Kategorie: summen[ausgabe.kategorie] += ausgabe.betrag;. Und ein berechneter Wert kann einen anderen verwenden: Was übrig ist, ist das Budget minus das, was du ausgegeben hast.