Skip to content

alagbadev/Simulador-de-Piano

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎹 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published