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
|
|||
|
|
```
|