Introduction
In this project, you will learn how to create a Bing Dwen Dwen Mood Scale, which is a fun and interactive way to express your satisfaction level with the 2022 Olympic Games. The Bing Dwen Dwen mascot has become a global sensation, and this project allows you to interact with it and rate your overall satisfaction.
👀 Preview
![preview](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/javascript/project-bing-dwen-dwen-mood-scale/lab-bing-dwen-dwen-mood-scale/assets/effect.gif)
🎯 Tasks
In this project, you will learn:
- How to initialize the Bing Dwen Dwen Mood Scale with the initial mood state set to "dissatisfied"
- How to update the Bing Dwen Dwen mood based on the position of the progress bar, reflecting different levels of satisfaction
🏆 Achievements
After completing this project, you will be able to:
- Manipulate the DOM (Document Object Model) to change the appearance of an HTML element based on user input
- Use JavaScript event handlers to respond to user interactions
- Apply CSS classes to an element to change its visual appearance