LU19a - Aufgabe 1 / Task 09: v-bind, v-for

Füllen Sie die nachfolgenden Felder aus:

Klasse: ………………………………

Vorname: ……………………………

Name: ………………………………..

Sie können als Vorlage für diese Aufgabe die Lösung LU05.S17.html verwenden

Beim Auftrag LU05.S17.html haben wir verschiedene Gerichte in einem Array verwaltet und mit der directive v-for ausgegeben. Manche Gerichte mochten wir, andere wiederum nicht.

Status OK: rote Meldung
Status NOK: grüne Meldung
Alle relevanten Informationen wurden in einem mehrdimensionalen Array gespeichert.

Zu jedem Gericht soll gespeichert werden, wie oft man das Gerichte genossen bzw. nicht gern gemocht hatte.
Zu jedem Gericht soll der jeweilige Preis pro Portion gespeichert werden.
Zu jedem Gericht muss berechnet werden, wieviel wir dafür bisher ausgegeben haben (Einzelpreis * wie oft gegessen)
Die Bildschirm-Meldungen müssen entsprechend angepasst werden:
- Status OK: Ich genoss das …. mal zum jeweiligen Preis von … = Summe!
- Status NOK: Ich hatte das … mal nicht gerne zum jeweiligen Preis von … = Summe!

Hinweis

Die verwendete Sprache kann Deutsch oder Englisch sein.
Welche Gerichte gemocht, und welche Gerichte nicht gemocht wurden, kann ausgewählt werden.
Die Höhe der jeweiligen Preise kann selbst bestimmt werden.
Der jeweilige Preis und die Summe des Konsums muss in der Meldung ersichtlich sein.
Am Ende müssen beide Stati OK und NOK im Ergebnis ersichtlich sein.
Lediglich die Gerichte, dich ich mag, sollen mit dem Image gezeigt werden.