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 12:48] – 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: 10 Minutes | + | |
| - | * Expected result: a vue application, | + | |
| - | ===== Source ===== | + | |
| - | * You can take any script an adjust it to your needs. | + | |
| ===== Assignments | ===== Assignments | ||
| - | Realize the assignment **LU06.A04 - 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. | + | |
| ===== Solution ===== | ===== Solution ===== | ||
| - | [[en: | + | {{: |
| + | |||
| + | {{ :en: | ||
| ===== Vocabulary ===== | ===== Vocabulary ===== | ||
| ^ English ^ German ^ | ^ English ^ German ^ | ||
| - | | corresponding | + | | ... | ... | |