Dies ist eine alte Version des Dokuments!
LU19f - Aufgabe 2 / Task 52: methods
Administration
Füllen Sie die nachfolgenden Felder aus:
Klasse: ………………………………
Vorname: ……………………………..
Name: ………………………………..
Vorarbeit
- Sie können als Vorlage die die Lösung LU07.S03.html verwenden.
Ausgangslage
Auftrag LU07.S03.html bestand darin beim Klicken auf ein Tier-Bild, dieses Tier entsprechend zu kommentieren. Realisiert wurde dies, durch den Einsatz von vue-events und vue-methoden.
Auftrag
- Ergänzen Sie eine Methode animalCnt(e), die zählt, wie oft jedes Tier angeklickt wurde.
- Diese Anzahl kann anhand der e.target.id entscheiden, welches Tier geklickt wurde.
- Erweitern Sie die Textausgabe der Methode myMethod um den Tierzähler
Zielzustand 1 | Der Tiger wurde ein mal geklickt | ![]() |
---|---|---|
Zielzustand 2 | Der Löwe wurde sechs mal geklickt | ![]() |
Zielzustand 3 | Der Kea wurde drei mal geklickt | ![]() |