---
id: bd7158d8c442eddfaeb5bd1c
title: Створіть гру «Simon»
challengeType: 3
forumTopicId: 302357
dashedName: build-a-simon-game
---

# --description--

**Мета:** створити застосунок, функціонально схожий до цього: <a href="https://codepen.io/freeCodeCamp/full/obYBjE" target="_blank" rel="noopener noreferrer nofollow">https://codepen.io/freeCodeCamp/full/obYBjE</a>.

Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.

**Історія користувача:** мені надається послідовність випадково натиснутих кнопок.

**Історія користувача:** кожного разу, коли я натискаю на кнопки у правильній послідовності, то бачу ту ж саму послідовність кнопок, але на одну більше.

**Історія користувача:** я чую звуки кожної кнопки, коли у грі працює певна їхня послідовність і тоді, коли я натискаю на них власноруч.

**Історія користувача: ** якщо я натискаю на неправильну кнопку, мене повідомляють і дана послідовність повторюється, щоб спробувати знову.

**Історія користувача:** я можу бачити кількість кроків у даній послідовності кнопок.

**Історія користувача:** якщо я хочу зіграти спочатку, то я можу натиснути відповідну кнопку і тоді гра почнеться з першого кроку.

**Історія користувача:** я можу грати у строгому режимі, де при натисканні на неправильну клавішу мене повідомляють та гра починається спочатку з випадковою послідовністю кнопок.

**Історія користувача:** я можу виграти гру, набравши 20 правильних послідовних кроків. Мене повідомляють про мою перемогу і тоді гра починається спочатку.

**Підказка:** ось mp3, які ви можете використати для кожної кнопки: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`.

Коли закінчите, надайте посилання на свій проєкт на CodePen та натисніть кнопку «Я виконав(-ла) це завдання».

Ви можете отримати фідбек до свого проєкту, поділившись ним на <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">форумі freeCodeCamp</a>.

# --solutions--

```js
// solution required
```
