LU19a - Aufgabe 1 / Task 01: v-bind, v-show

Füllen Sie die nachfolgenden Felder aus:

Klasse: ………………………………

Vorname: ……………………………

Name: ………………………………..

• 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. Sie finden dieses Image im Moodle-Kurs | heutiges Datum | Benötigte Medien zur LB2 - A01
• 

Beim Auftrag LU05.A03 wurden Bilder angezeigt, die mit der directive v-bind eingebunden wurden. Das Ergebnis des Aufrages sehen Sie nachfolgend.

1. Erweitern Sie die Anzeige um ein weiteres Foto (Volkanlandschaft).
2. Verwenden Sie zum ein- und ausblenden der Bilder eine einzige bool'ischen Variable showImage, die die Werte true/false haben kann.
3. Der Status der Variable showImage muss, wie auf dem Image sichtbar ist, über den Bildern ausgegeben werden.
4. Stellen Sie sicher, dass Sie die formalen Kriterien zum Script auch erfüllen. Diese Punkte sind „Gratispunkte!“, die sie mit wenig Aufwand verdienen.

Hinweis

1. Die beiden Ausgangsbilder können abweichend sein.
2. Das Zielbild mit der Volkanlandschaft muss verwendet werden.

Zieluzustand 1	Zielzustand 2
Wird showImage auf true gesetzt, werden die Bilder angezeigt.	Wird showImage auf false gesetzt, werden die Bilder ausgeblendet.

Volkan Demir