| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
| en:modul:m291:learningunits:lu07:aufgaben:02 [2025/05/05 13:10] – vdemir | en:modul:m291:learningunits:lu07:aufgaben:02 [2025/05/15 11:33] (aktuell) – vdemir |
|---|
| ====== LU07.A02 - Events - Moose-count ====== | ====== LU07.A02 - Methods with arguments ====== |
| |
| ===== 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: 25 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. |
| * | * |
| |
| ===== Assignment A - 2' ====== | ===== Assignment A - 2' ====== |
| - Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. | * A01: Test the code example above which was provided to you. Describe the behaviour of the script using HTML comments. |
| - 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 | * 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 | - increments by 1 |
| - decrements by -1 | - decrements by -1 |
| - increments by +5 | - increments by +5 |
| - Make sure that you have the title <h1> and have correctly named the file: **lu07.s02.html** | A03: Make sure that you have the title <h1> and have correctly named the file: **lu07.s02.html** |
| |
| ===== Assignment B - 5' ===== | ===== Assignment B - 5' ===== |
| - Currently we can increment by +1 and +5, and decrement by -1. | * B01: Currently we can increment by +1 and +5, and decrement by -1. |
| - Similar to **addMoose** add method **removeMoose* which manges the decrement operations and use it. | * B02: Similar to **addMoose** add method **removeMoose** which manges the decrement operations and use it. |
| - Test your results and save it. | * B03: Test your results and save it. |
| - Add more buttons wich can | * B04: Add more buttons wich can |
| - increment by +10 | - increment by +10 |
| - decrement by -10 | - decrement by -10 |
| - decrement by -5 | - decrement by -5 |
| - The aim is to have 3 increment-buttons (+1, +5, +10) and 3 decrement-buttons (-1, -5, -10) | * 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) - 7' ===== | ===== Assignment C: Catching numbers belov zero (0) - 8' ===== |
| - It it strikingly obvious, that we can't have e.g. -5 moose, thus negativ numbers are not allowed. Subsequently we must stop counting, when the count reches the zero. | * C01: At 0 we must stop counting, when the count reches the zero. |
| - Add the case below zero to your **removeMoose-method** by checking the **count** with a if-statement | * C02: Add the case below zero to your **removeMoose-method** by checking the **count** with a if-statement |
| - Check the result: It must stop at zero when the button **removeMoose** when the count reaches 0. | * C03: Check the result: It must stop at zero when the button **removeMoose** when the count reaches 0. |
| | * C04: In the case below zero the user must be informed accordingly. |
| | |
| ===== Solution ===== | ===== Solution ===== |