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:loesungen:05 [2025/05/18 13:20] – vdemir | en:modul:m291:learningunits:lu07:loesungen:05 [2025/05/18 13:24] (aktuell) – vdemir | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== LU07.A05 - Mood measurement, | + | ====== LU07.S05 - Mood measurement, |
- | + | ||
- | ===== Prerequisites | + | |
- | * Work type: Individual | + | |
- | * Means of aid: only teaching materials, no websearch, no use of ai. | + | |
- | * Timeframe: 20 Minutes | + | |
- | * Expected result: a vue application, | + | |
- | ===== Source ===== | + | |
- | * You can take any script an adjust it to your needs. | + | |
===== Assignments | ===== Assignments | ||
- | Realize the assignment **LU07.A05 - Events - Mood measuremen** | + | Realize the assignment **LU06.A04 - Events - Mood measuremen**, but using methods: |
- Display a heading: " | - Display a heading: " | ||
- Add three buttons, each representing a different mood: | - Add three buttons, each representing a different mood: | ||
Zeile 16: | Zeile 8: | ||
* 😢 Sad | * 😢 Sad | ||
* 😠 Angry | * 😠 Angry | ||
- | - Use the v-on directive to update a data property called mood based on the button clicked. | ||
- | - Display a custom message below the buttons that changes based on the selected mood. | ||
- | - When no mood is selected, show a default message prompting the user to pick one. | ||
- | ===== Hint ===== | ||
- | - When clicking a button, just pass a number to the method with the messages. | ||
- | - In that methods a if (selction) checks the content of the argument and displays the corresponding message. | ||
===== Solution ===== | ===== Solution ===== | ||
- | [[en: | + | {{: |
+ | |||
+ | {{ :en: | ||
===== Vocabulary ===== | ===== Vocabulary ===== |