38 lines
1.9 KiB
Markdown
38 lines
1.9 KiB
Markdown
---
|
|
id: 5a5d02bd919fcf9ca8cf46cb
|
|
title: Light-Bright アプリを作成する
|
|
challengeType: 3
|
|
forumTopicId: 302350
|
|
dashedName: build-a-light-bright-app
|
|
---
|
|
|
|
# --description--
|
|
|
|
**目標:** <https://codepen.io/freeCodeCamp/full/eyLYXE> と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
|
|
|
**ルール #1:** 模範プロジェクトのコードを見ないようにしてください。 自分の力で解いてみてください。
|
|
|
|
**ルール #2:** 以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
|
|
|
**ユーザーストーリー:** マウスカーソルをクリックまたはドラッグして、円に色をつけることができます。
|
|
|
|
**ユーザーストーリー:** 色のついた円をダブルクリックして、色を消すことができます。
|
|
|
|
**ユーザーストーリー:** 色のついた円をクリックして、色を変えることができます。
|
|
|
|
**ユーザーストーリー:** クリックするたびに、円の色が変わります。
|
|
|
|
**ユーザー ストーリー:** 「リセット」ボタンをクリックすると、最後につけた色を消すことができます。
|
|
|
|
**ユーザーストーリー:** 「すべてリセット」ボタンをクリックすると、円についているすべての色を消すことができます。
|
|
|
|
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
|
|
|
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|