LU19a - Aufgabe 1 / Task 10: 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.

• Jedes Gericht soll mit Sternen bewertet werden
  • Flop: *
  • Top: * * * * *
• Die Gerichte werden mit einer entsprechenden Meldung nummeriert ausgegeben.
• Farben:
  • 1 und 2 Sterne: rot
  • 3 und 4 Sterne: schwarz
  • 5 Sterne: grün

Hinweis

• Die Sterne können wie im Beispiel als String im Array abgelegt werden, analog den Kommentaren.
• Die verwendete Sprache kann Deutsch oder Englisch sein.
• Die einzelnen Bewertungen der Gerichte ist dem Lernenden überlassen.
• Jede Bewertung muss in der Ausgabe vorkommen.
• Die Farbe grau für den Hintergrund ist relevant, hingegen ist der Farbton nicht relevant.

1. Burrito hat (2) Sterne - Salat hat * (3) Sterne
2. Kuchen hat * (3) Sterne - Suppe hat * (1) Stern - Fisch hat * (1) Stern - Pizza hat (4) Sterne - Reis hat *** (5) Sterne

Volkan Demir