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:05 [2025/05/18 13:21] – vdemir | en:modul:m291:learningunits:lu07:aufgaben:05 [2025/05/26 16:21] (aktuell) – vdemir | ||
|---|---|---|---|
| Zeile 7: | Zeile 7: | ||
| * Expected result: a vue application, | * Expected result: a vue application, | ||
| ===== Source ===== | ===== Source ===== | ||
| - | * You can take any script an adjust it to your needs. | + | * {{ : |
| ===== Assignments | ===== Assignments | ||
| Realize the assignment **LU07.A05 - Events - Mood measuremen** by using methods: | Realize the assignment **LU07.A05 - Events - Mood measuremen** by using methods: | ||
| - | - Display a heading: | + | - Display a heading: |
| - | - Add three buttons, each representing a different mood: | + | - Add three buttons, each representing a different mood, e.g: |
| * 😊 Happy | * 😊 Happy | ||
| * 😢 Sad | * 😢 Sad | ||
| * 😠 Angry | * 😠 Angry | ||
| + | * 😢 Desperate | ||
| + | * 😕 Confused | ||
| + | * 😅 Glad | ||
| - Use the v-on directive to update a data property called mood based on the button clicked. | - 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. | - Display a custom message below the buttons that changes based on the selected mood. | ||