LU06.A03 - Events - mouseclick and mouseover

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 15 Minutes
• Expected result: A functional Vue script with additional newfunction with mouse-right-click and mouse-left-click.

• Code-example: Example code for events

1. Take the solution from the previous assignment and name it correctly including the <h1>: lu06.s03.html
2. Add another button +2 Moose which counts up by step-size 2, but use this time the event @click.right=….
3. Add another button -2 Moose which counts down by step-size 2, and use this thime the event @click.left=….
4. 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

Lösung

Volkan Demir