Simulador de Piano feito em HTML, CSS e JavaScript puro durante as aulas do Desafio de Projeto da DIO. Neste projeto, vários conceitos valiosos foram trabalhados dentro da manipulação de DOM.
- HTML para o corpo da página.
- CSS para estilização do piano.
- JavaScript para programar todo o comportamento do piano.
- Visual Studio Code para o desenvolvimento do projeto.
- Organização dos arquivos do projeto.
- Uso da propriedade CSS appearance para remover o estilo padrão do
input
. - Customização de elementos de input com CSS.
- Adição e remoção dinâmica de classes CSS.
- Uso da propriedade dataset para mapear e utilizar as teclas no JavaScript.
- Uso de event listeners para manipular diversos elementos da página por diferentes maneiras, como manipular as teclas tanto pelo mouse quanto pelo teclado.
- Baixe ou clone o repositório.
- Procure pelo arquivo
index.html
na raíz do projeto. - Execute o arquivo.
Entre em contato comigo acessando minhas redes: