LU19a - Aufgabe 1 / Task 05: 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 hat.
• Die Bildschirm-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 Stati OK und NOK im Ergebnis ersichtlich sein.
• Lediglich die Gerichte, die ich mag, sollen als Image gezeigt werden.

In diesem Fall hatte ich 4 Gerichte gerne:

• Burrito 5 mal
• Salat 3 mal
• Kuchen 4 mal
• Fisch 8 mal

Hingegen hatte ich nicht gerne:

• Suppe 2 mal
• Pizza 6 mal
• Reis 4 mal

Volkan Demir