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: |
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 Foto (Volkanlandschaft).
- Verwenden Sie zum ein- und ausblenden der Bilder eine einzige bool'ischen Variable showImage, die die Werte true/false haben kann.
- Der Status der Variable showImage muss, wie auf dem Image sichtbar ist, über den Bildern ausgegeben werden.
- Stellen Sie sicher, dass Sie die formalen Kriterien zum Script auch erfüllen. Diese Punkte sind „Gratispunkte!“, die sie mit wenig Aufwand verdienen.
Hinweis
- Die beiden Ausgangsbilder können abweichend sein.
- Das Zielbild mit der Volkanlandschaft muss verwendet werden.