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:02 [2025/05/05 12:15] – vdemir | en:modul:m291:learningunits:lu07:aufgaben:02 [2025/05/15 11:33] (aktuell) – vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== LU07.A02 - Events - TBD ====== | + | ====== 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: | + | * Timeframe: |
| - | * Expected result: A Vue-Script, which uses methods to display messages on the screen. | + | * Expected result: A Vue-Script, which uses methods to display messages on the screen |
| * | * | ||
| ===== Learning Objectves ===== | ===== Learning Objectves ===== | ||
| - Implementing VUE methods by using arguments. | - Implementing VUE methods by using arguments. | ||
| + | - Increment and decrement a counter within a method. | ||
| - Writing own methods and making use of them. | - Writing own methods and making use of them. | ||
| Zeile 14: | Zeile 15: | ||
| * [[https:// | * [[https:// | ||
| - | ===== Assignment: | + | ===== Assignment |
| - | | + | * 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 B - 5' | ||
| + | * B01: Currently we can increment by +1 and +5, and decrement by -1. | ||
| + | * B02: Similar to **addMoose** add method **removeMoose** which manges the decrement operations and use it. | ||
| + | * B03: Test your results and save it. | ||
| + | * B04: Add more buttons wich can | ||
| + | - 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' | ||
| + | | ||
| + | * C02: Add the case below zero to your **removeMoose-method** by checking the **count** with a if-statement | ||
| + | * C03: Check the result: It must stop at zero when the button | ||
| + | * C04: In the case below zero the user must be informed accordingly. | ||
| ===== Solution ===== | ===== Solution ===== | ||
| Zeile 22: | Zeile 44: | ||
| ===== Vocabulary ===== | ===== Vocabulary ===== | ||
| ^ English ^ German ^ | ^ English ^ German ^ | ||
| - | | ... | ... | | + | | corresponding number of times | entsprechend oft | |
| + | | to increment | erhöhen, hochzählen | | ||
| + | | to decrement | vermindern, herunterzählen | | ||
| + | | thus | somit, dadurch | | ||