🖥 Пианино на JavaScript для Chrome

Проект состоит из 3 файлов: HTML-страницы, CSS-стилей и JS-скрипта.

*️⃣HTML-страница отвечает за «мясо» проекта: надписи, заголовки, подключение звуков и сборку всего проекта в одной точке. Но страница сама по себе ничего не сумеет: мы просто разместим на ней нужные блоки, а вся анимация и поведение задаются в двух других файлах.

*️⃣CSS-стили решают две задачи: оформляют страницу и рисуют интерфейс. Плавная анимация нажатия и появления подсказок прописываются именно здесь.

*️⃣JS-скрипт занимается всей работой пианино: отслеживает нажатия на клавиши, чтобы включить звук и показать нужный эффект на экране.

По-моему, неплохой способ прокачать свой скиллы веб-разработки
⏩ Подробное пошаговое описание, что делать

@javascriptv