Dies ist eine alte Version des Dokuments!
LU19a - Task 01: v-bind, v-show
Administration
Füllen Sie die nachfolgenden Felder aus:
Klasse: |
---|
Vorname: |
---|
Name: |
---|
Datum: |
---|
Vorarbeit
- Verwenden Sie als Basis zu dieser Aufgabe die Lösung LU05.S03.html
- Importieren Sie das nachfolgende Bild (Volkanlandschaft) ins Webstorm, in Ihre Ordner media
Ausgangslage
Beim Auftrag LU05.A03 wurden Bilder angezeigt, die mit der directive v-bind eingebunden wurden. Das Ergebnis des Aufrages sehen Sie nachfolgend.
Auftrag
- Erweitern Sie die Anzeige um ein weiteres Fotos (Volkanlandschaft).
- Verwenden Sie zum ein- und ausblenden der Bilder einen einzigen bool'ischen Parameter showImage, der die Werte true oder false haben kann.
- Der Status der Variable showImage muss, wie auf den Images sichtbar ist, über dem Bildern ausgegeben werden.
- Stellen Sie sicher, dass Sie auch die formalen Kriterien zum Script erfüllen können. Diese Punkte sind sozusagen „Gratispunkte!“.
Hinweis
- Die beiden Ausgangsbilder können abweichend sein.
- Das Zielbild mit der Volkanlandschaft muss verwendet werden.