# 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
Click the virtual machine below to start practicing