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 ===== | ||