LU06.S04 - Events - mood measurement

Codesolution

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.

Volkan Demir