Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| en:modul:m291:learningunits:lu07:aufgaben:04 [2025/05/05 09:59] – angelegt vdemir | en:modul:m291:learningunits:lu07:aufgaben:04 [2025/05/18 12:18] (aktuell) – vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== LU07.A04 - Events | + | ====== LU07.A04 - 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: | + | * Expected result: |
| + | | ||
| ===== Learning Objectves ===== | ===== Learning Objectves ===== | ||
| - | - ??? | + | - Implementing VUE methods by using arguments. |
| + | - Increment and decrement a counter within a method. | ||
| + | - Writing own methods and making use of them. | ||
| ===== Source ===== | ===== Source ===== | ||
| - | * [[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: Check to basic function of the script. When clicking the number-buttons below the animal-images the animal count count up or down. | ||
| + | * A03: Make sure that you have the title <h1> and have correctly named the file: **lu07.s04.html** | ||
| + | * A04: Safe it. | ||
| + | |||
| + | ===== Assignment B: Add more animals to the list - 7' | ||
| + | * B01: Add a least two more animals to the list, e.g. an eagle and an ice-bear. | ||
| + | * B02: Extend the already existinc functionality (methods and call of the methods) to the the recent animal-entries. | ||
| + | |||
| + | ===== Assignment C: Stop at zereo - 10' ===== | ||
| + | * C01: Having less than zero animals makes hardly sence. Catch this case in your method with an correspinding if-statement. | ||
| + | |||
| + | ===== Assignment D: Reset-Button - 5' ===== | ||
| + | * D01: Add an button **resetAll** which resets all counters by using a corresponding method **resetAll()** | ||
| ===== Solution ===== | ===== Solution ===== | ||
| - | [[en: | + | [[en: |
| ===== Vocabulary ===== | ===== Vocabulary ===== | ||
| ^ English ^ German ^ | ^ English ^ German ^ | ||
| - | | ... | ... | | + | | corresponding |