---
id: 5a5d02bd919fcf9ca8cf46cb
title: Build a Light-Bright App
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
---

# --description--

**Objective:** Build an app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/eyLYXE>.

**規則＃1：** 不要查看示例項目的代碼。 自己搞清楚。

**Rule #2:** Fulfill the below user stories and get all of the tests to pass. 使用你需要的任何庫或 API。 賦予它你自己的個人風格。

**用戶故事：** 我可以單擊或拖動鼠標光標爲圓圈着色。

**用戶故事：** 我可以雙擊彩色圓圈去除顏色。

**用戶故事：** 我可以點擊彩色圓圈來改變它的顏色。

**用戶故事：** 每次點擊我都會得到一個不同顏色的圓圈。

**用戶故事：** 我可以點擊“重置”按鈕刪除最近的顏色。

**用戶故事：** 我可以單擊“全部重置”按鈕刪除圓圈中的所有顏色。

When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.

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
```
