2018-10-10 22:03:03 +00:00
|
|
|
|
---
|
|
|
|
|
|
id: 5a5d02bd919fcf9ca8cf46cb
|
2020-12-16 07:37:30 +00:00
|
|
|
|
title: 构建一个明亮的应用程序
|
2018-10-10 22:03:03 +00:00
|
|
|
|
challengeType: 3
|
|
|
|
|
|
videoUrl: ''
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
|
# --description--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
|
**目标：** 构建一个功能类似于此的[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上的朋友分享您的项目反馈。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
|
# --hints--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
|
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
|
# --solutions--
|
2020-08-13 15:24:35 +00:00
|
|
|
|
|
