---
id: 5a5d02bd919fcf9ca8cf46cb
title: 构建一个明亮的应用程序
challengeType: 3
videoUrl: ''
---

# --description--

**目标：** 构建一个功能类似于此的[CodePen.io](https://codepen.io)应用程序： [https](https://codepen.io/freeCodeCamp/full/eyLYXE) **：** [//codepen.io/freeCodeCamp/full/eyLYXE](https://codepen.io) 。 **规则＃1：** 不要查看示例项目的代码。自己搞清楚。 **规则＃2：** 完成以下[用户故事](https://en.wikipedia.org/wiki/User_story) 。使用您需要的任何库或API。给它你自己的个人风格。 **用户故事：** 我可以单击或拖动鼠标光标为圆圈着色。 **用户故事：** 我可以双击彩色圆圈去除颜色。 **用户故事：** 我可以点击彩色圆圈来改变它的颜色。 **用户故事：** 每次点击我都会得到一个不同颜色的圆圈。 **用户故事：** 我可以点击“重置”按钮删除最近的颜色。 **用户故事：** 我可以单击“全部重置”按钮删除圆圈中的所有颜色。如果卡住，请记得使用[Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。

# --hints--


# --solutions--