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

Dies ist eine alte Version des Dokuments!

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 eine gespeichert werden, die zeigt wie oft man das Gerichte genossen bzw. nicht gern gemocht hat.
Zu jedem Gericht soll auch der jeweilige Preis pro Portion gespeichert werden.
Die 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.
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 als Image gezeigt werden.

In diesem Fall hatte ich 4 Gerichte gerne: