LU06.A02 - Events - increment and decrement

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 20 Minutes
• Expected result: A functional Vue script similarly new function i.g. increment, decrement, with various step-size, and reset counter.

• Code-example: Example code for events

1. Test the code example provided to you. Describe the behaviour of the script using HTML comments.
2. Change the caption of the Moose-Button to + 1 Moose .
3. Similiarily to the Moose-Button add another button -1 Moosewhich counts down.
4. Add another 2 buttons +5 Moose and -5 Moose which count up respectively down by step-size 5
5. Add another 2 buttons +10 Moose and -10 Moose which count up respectively down by step-size 10
6. Add another button Reset which resets the counter to 0.

Lösung

Volkan Demir