38 lines
2.4 KiB
Markdown
38 lines
2.4 KiB
Markdown
---
|
||
id: 5a5d02bd919fcf9ca8cf46cb
|
||
title: Створіть додаток Light-Bright
|
||
challengeType: 3
|
||
forumTopicId: 302350
|
||
dashedName: build-a-light-bright-app
|
||
---
|
||
|
||
# --description--
|
||
|
||
**Ціль:** Створити застосунок в [CodePen.io](https://codepen.io), який функціонально схожий до даного: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
|
||
|
||
**Правило #1: ** Не дивіться на зразок коду проєкту. Визначте його самі.
|
||
|
||
**Правило #2: **Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
|
||
|
||
** Історія користувача: ** Я можу натискати чи перетягувати курсор миші, щоб зафарбувати кружечки.
|
||
|
||
** Історія користувача:** При подвійному натисканні на зафарбований кружечок я можу видалити колір.
|
||
|
||
**Історія користувача: ** Я можу натиснути на зафарбований кружечок, щоб змінити його колір.
|
||
|
||
** Історія користувача: ** Мені потрібно отримати кружечок іншого кольору при кожному натисканні.
|
||
|
||
** Історія користувача: ** Я можу натиснути на кнопку "Скинути", щоб видалити останній колір.
|
||
|
||
** Історія користувача: ** Я можу натиснути на кнопку "Скинути все", щоб видалити кольори з усіх зафарбованих кружечків.
|
||
|
||
Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
|
||
|
||
Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
// solution required
|
||
```
|