Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu06:aufgaben:03 [2025/05/05 10:20] – vdemir
+++ en:modul:m291:learningunits:lu06:aufgaben:03 [2025/05/05 12:25] (aktuell) – alte Version wiederhergestellt (2025/04/25 13:59) vdemir
@@ Zeile 9: / Zeile 9: @@
   * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-on_moose |Code-example: Example code for events]]
-===== Assignment A ======
+===== Assignments  ======
   - Take the solution from the previous assignment and name it correctly including the <h1>: **lu06.s03.html**
+  - Add another button **+2 Moose** which counts up by **step-size 2**, but use this time the event **@click.right=....**
-===== Assgignment B =====
+  - Add another button **-2 Moose** which counts down by **step-size 2**, and use this thime the event **@click.left=....**
-We currently have a single function for adding and subtracting. Dies wollen wir ändern.  Create a second method removeMoose</i> that reduces the number of moose.
+  - Add finally a mouseover event to the image by using the event **v-on:mouseover**: it resets the counter when the mouse moves over the image
-Passen Sie den Aufruf der Methode im HTML-Bereich entsprechend an. Note: The call in Button of <i>addMoose</i> must be replaced by removeMoose in the negative case.
-Testen Sie den Aufruf der Methode im HTML-Bereich entsprechend an. Note: The call of addMoose must be replaced by removeMoose in the negative case.
-Add further buttons. The aim is to add and subtract the values +1, +5, +10, -1, -5 and -10.
- Test the call of the method in the HTML area accordingly.
-Translated with DeepL.com (free version)
 ===== Solution =====