はじめに
このプロジェクトでは、2022年のオリンピック大会に対する満足度を表現する楽しくインタラクティブな方法である「ビング・ドゥエン・ドゥエンムードスケール」を作成する方法を学びます。ビング・ドゥエン・ドゥエンマスコットは世界的なヒットを記録しており、このプロジェクトではそれとインタラクトし、全体的な満足度を評価することができます。
👀 プレビュー

🎯 タスク
このプロジェクトで学ぶことは以下の通りです。
- 初期のムード状態を「不満足」に設定してビング・ドゥエン・ドゥエンムードスケールを初期化する方法
- プログレスバーの位置に基づいてビング・ドゥエン・ドゥエンのムードを更新し、異なるレベルの満足度を反映する方法
🏆 成果
このプロジェクトを完了すると、以下のことができるようになります。
- ユーザー入力に基づいてHTML要素の外観を変更するためにDOM(ドキュメントオブジェクトモデル)を操作すること
- ユーザーインタラクションに応答するためにJavaScriptイベントハンドラを使用すること
- 要素にCSSクラスを適用してその視覚的な外観を変更すること