LU06.A04 - Events - mood measurement

• Work type: Individual
• Means of aid: only teaching materials, no websearch, no use of ai.
• Timeframe: 10 Minutes
• Expected result: a vue application, that reflects the mood of the user.

• You can take any script an adjust it to your needs.

Create a small Vue app with the following features:

1. Display a heading: „Choose Your Mood“.
2. Add three buttons, each representing a different mood:
   • 😊 Happy
   • 😢 Sad
   • 😠 Angry
3. Use the v-on directive to update a data property called mood based on the button clicked.
4. Display a custom message below the buttons that changes based on the selected mood.
5. When no mood is selected, show a default message prompting the user to pick one.

Lösung

Volkan Demir