🎹 Alagba's Piano Simulator 🎹 A piano simulator developed using HTML, CSS, and JavaScript, designed to enhance web development skills and provide an interactive piano playing experience directly in the browser.
Objective
This project was created with the aim of improving skills in various areas, including DOM manipulation, HTML element capturing, addition and removal of dynamic classes, toggle usage, event listeners, and CSS styling for the piano layout.
Features
Interactive piano keys 🎶
Volume control 🔊
Option to show/hide the keys 🎚️
User-friendly and responsive interface 🖥️
How to Use
Simply open the <code>index.html</code> file in your browser to start playing the virtual piano. Each piano key can be triggered by clicking on it with the mouse or by pressing the corresponding key on the keyboard.
🎹 Simulador de Piano Alagba 🎹 Um simulador de piano desenvolvido utilizando HTML, CSS e JavaScript, projetado para aprimorar habilidades de desenvolvimento web e proporcionar uma experiência interativa de tocar piano diretamente no navegador.
Objetivo
Este projeto foi criado com o objetivo de aprimorar habilidades em diversas áreas, incluindo manipulação do DOM, captura de elementos HTML, adição e remoção de classes dinâmicas, uso do toggle, utilização de event listeners e estilização CSS para o layout do piano.
Recursos
Teclas de piano interativas 🎶
Controle de volume 🔊
Opção para exibir/ocultar as teclas 🎚️
Interface amigável e responsiva 🖥️
Como Utilizar
Basta abrir o arquivo <code>index.html</code> em seu navegador para começar a tocar o piano virtual. Cada tecla do piano pode ser acionada clicando nela com o mouse ou pressionando a tecla correspondente do teclado.