LU07.A03 - Events - Animal-count (arguments)

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 20 Minutes
• Expected result: A Vue-Script, which uses methods to display messages on the screen and increments and decrements a counter.

1. Implementing VUE methods by using arguments.
2. Increment and decrement a counter within a method.
3. Writing own methods and making use of them.

• Code-example: Methods and arguments in VUE

• A01: Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments.
• A02: Check to basic function of the script. When clicking the tiger-image the a message which greets the tiger should appear in the green field below the image.

A03: Make sure that you have the title <h1> and have correctly named the file: lu07.s03.html

A04: Safe it.

• B01: Kindly as we are, we not only want to greet the tiger, but alse show a title to the image.
• B02: There must be a message commencef as well, „you look terrifying!!
• B03: Note: The signature of the method must therefore be extended by additional arguments: title and message.

• C01: As we were able to greet the tiger properly, we are seeking new challanges. Add two more animals to be greeted with the corresponding title and message.

Lösung

Volkan Demir