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/15 11:35] – vdemir | en:modul:m291:learningunits:lu07:aufgaben:03 [2025/05/18 12:16] (aktuell) – [Assignment] vdemir | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== LU07.A03 - Methods with arguments | + | ====== LU07.A03 - Methods with several |
===== Prerequisites | ===== Prerequisites | ||
Zeile 6: | Zeile 6: | ||
* Timeframe: 15 Minutes | * Timeframe: 15 Minutes | ||
* 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 - 2' ====== | + | |
- | * A01: Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. | + | |
- | * A02: Make sure that everthing is working correctly: The moose-count uses the method **addMoose** by processing the number we need to count up or down | + | |
- | - increments by 1 | + | |
- | - decrements by -1 | + | |
- | - increments by +5 | + | |
- | A03: Make sure that you have the title <h1> and have correctly named the file: **lu07.s02.html** | + | |
- | ===== Assignment | + | ===== Assignment |
- | * B01: Currently we can increment by +1 and +5, and decrement by -1. | + | * 01: Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. |
- | * | + | * 02: Make sure that everthing is working correctly: When clicking on the tiger image there must appear a text below the image " |
- | * B02: Similar to **addMoose** add method **removeMoose** which manages | + | * 03: Make sure that you have the title < |
- | * B03: Test your results | + | * 04: : You need to wo more animals to the list and greet them correspondingly to the provided example. |
- | | + | |
- | - increment by +10 | + | |
- | - decrement by -10 | + | |
- | - decrement by -5 | + | |
- | * B05: The aim is to have 3 increment-buttons (+1, +5, +10) and 3 decrement-buttons (-1, -5, -10) | + | |
- | ===== Assignment C: Catching numbers belov zero (0) - 8' | + | ===== Hint ===== |
- | * C01: At 0 we must stop counting, when the count reches the zero. | + | * Save 2 more pictures of animals in the media-directory |
- | * C02: Add the case below zero to your **removeMoose-method** by checking | + | * Extend the arguments of the method: **myMethod(e, msg, opp)** |
- | * C03: Check the result: It must stop at zero when the button **removeMoose** when the count reaches 0. | + | * Process |
+ | * Finnaly adjust | ||
===== Solution ===== | ===== Solution ===== |