---
id: 5a5d02bd919fcf9ca8cf46cb
title: Light-Bright アプリを作成する
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
---

# --description--

**目標:** こちらと似た機能を持つアプリを構築してください: <https://codepen.io/freeCodeCamp/full/eyLYXE>

**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。

**ルール #2:** 下記のユーザーストーリーを満たし、すべてのテストを成功させてください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなた独自のアレンジを加えましょう。

**ユーザーストーリー:** マウスカーソルをクリックまたはドラッグして、円に色をつけることができます。

**ユーザーストーリー:** 色のついた円をダブルクリックして、色を消すことができます。

**ユーザーストーリー:** 色のついた円をクリックして、色を変えることができます。

**ユーザーストーリー:** クリックするたびに、円の色が変わります。

**ユーザー ストーリー:** 「リセット」ボタンをクリックすると、最後につけた色を消すことができます。

**ユーザーストーリー:** 「すべてリセット」ボタンをクリックすると、円についているすべての色を消すことができます。

完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。

You can get feedback on your project by sharing it on the <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">freeCodeCamp forum</a>.

# --solutions--

```js
// solution required
```
