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

Füllen Sie die nachfolgenden Felder aus:

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

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

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

• Verwenden Sie als Basis zu dieser Aufgabe die Lösung LU05.S17.html

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.
• Die Meldungen müssen entsprechend angepasst werden:
  • Status OK: Ich genoss das …. ? mal!
  • Status NOK: Ich hatte das … ? mal nicht gerne!

Hinweis

• Die verwendete Sprache kann Deutsch oder Englisch sein.
• Welche Gerichte gemocht und welche Gerichte nicht gemocht wurden kann ausgewählt werden.
• Am Ende müssen beide Statis OK und NOK im Ergebnis ersichtlich sein.
• Lediglich die Gerichte, dich ich mag sollen als Image gezeigt werden.

Zielzustand
In diesem Fall hatte ich 4 Gerichte gerne: Burrito 5 mal, Salat 3 mal, Kuchen 4 mal und Fisch 8 mal. Hingegegn hatte ich nicht gerne: Suppe 2 mal, Pizza sogar 6 mal und Reis 4 mal.

Volkan Demir