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

• Führen Sie einen dritten Status Solala ein.
• Verändern Sie den Status von 2-3 Gerichten neu in Solala
• Passen Sie die Meldung zum neuen Status an: … is fairly edible (… ist knapp geniessbar) in schwarzer Schrift.

Hinweis

• Die Auswahl welche Gerichte „knapp geniessbar“ ist Ihre Entscheidung.
• Am Ende müssen alle 3 Stati im Ergebnis ersichtlich sein.
• Lediglich die Gerichte, die ich mag sollen als Image gezeigt werden.

Zielzustand
Gericht 3 (cake) und Gericht 6 (pizza) scheine für mich knapp geniessbar zu sein.

Volkan Demir