freeCodeCamp/curriculum/challenges/chinese/10-coding-interview-prep/take-home-projects/build-a-light-bright-app.md

18 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
id: 5a5d02bd919fcf9ca8cf46cb
title: 构建一个明亮的应用程序
challengeType: 3
videoUrl: ''
dashedName: build-a-light-bright-app
---
# --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上的朋友分享您的项目反馈。
# --solutions--
```js
// solution required
```