Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| en:modul:m291:learningunits:lu07:aufgaben:03 [2025/05/05 15:00] – [Assignment C: Add more animals to greet - 7'] vdemir | en:modul:m291:learningunits:lu07:aufgaben:03 [2025/05/18 12:16] (aktuell) – [Assignment] vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== LU07.A03 - Events - Animal-count (arguments) ====== | + | ====== LU07.A03 - Methods with several |
| ===== Prerequisites | ===== Prerequisites | ||
| * Work type: Individual | * Work type: Individual | ||
| * Means of aid: only teaching materials, no websearch, no use of ai. | * Means of aid: only teaching materials, no websearch, no use of ai. | ||
| - | * Timeframe: | + | * Timeframe: |
| * Expected result: A Vue-Script, which uses methods to display messages on the screen and increments and decrements a counter. | * Expected result: A Vue-Script, which uses methods to display messages on the screen and increments and decrements a counter. | ||
| - | * | + | |
| ===== Learning Objectves ===== | ===== Learning Objectves ===== | ||
| - Implementing VUE methods by using arguments. | - Implementing VUE methods by using arguments. | ||
| Zeile 13: | Zeile 13: | ||
| ===== Source ===== | ===== Source ===== | ||
| - | * [[https:// | + | * [[https:// |
| - | + | ||
| - | ===== Assignment A - 3' ====== | + | |
| - | * 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. | + | |
| - | ===== Assignment | + | ===== Assignment |
| - | * B01: Kindly as we are, we not only want to greet the tiger, but alse show a title to the image. | + | * 01: Test the code example above which was provided |
| - | * B02: There must be a message commencef as well, "you look terrifying!! | + | * 02: Make sure that everthing is working correctly: When clicking on the tiger image there must appear |
| - | * B03: Note: The signature of the method must therefore be extended by additional arguments: | + | * 03: Make sure that you have the title < |
| - | | + | * 04: : You need to wo more animals to the list and greet them correspondingly to the provided example. |
| - | ===== Assignment C: Add more animals to greet - 15' ===== | + | |
| - | * 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. | + | |
| + | ===== Hint ===== | ||
| + | * Save 2 more pictures of animals in the media-directory | ||
| + | * Extend the arguments of the method: **myMethod(e, | ||
| + | * Process the additional **opp** in the method. | ||
| + | * Finnaly adjust the calling of the method at the pictures | ||
| + | |||
| ===== Solution ===== | ===== Solution ===== | ||
| [[en: | [[en: | ||
| Zeile 34: | Zeile 32: | ||
| ===== Vocabulary ===== | ===== Vocabulary ===== | ||
| ^ English ^ German ^ | ^ English ^ German ^ | ||
| - | | corresponding | entsprechend | | + | | corresponding |
| + | | to increment | erhöhen, hochzählen | | ||
| + | | to decrement | vermindern, herunterzählen | | ||
| + | | thus | somit, dadurch | ||