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 ersichtlich, als String im Array abgelegt werden (analog der Kommentare).
• Die verwendete Ausgabe-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.

Die Ausgabe kann wie folgt aussehen:

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

Volkan Demir