Alura MIDI
Instrumento Musical
Este projeto tem como objetivo praticar JavaScript e aprender a tornar as páginas dinâmicas, reproduzindo sons de um instrumento musical: a bateria. Cada botão clicado reproduz um som diferente. O projeto já inclui os arquivos HTML e CSS, sendo necessária apenas a modificação do JavaScript e do CSS para responsividade.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Alura MIDI |
| 🏷️ Tecnologias | HTML, CSS e JavaScript |
| 🚀 URL | https://instrumento-musical-nayrabra.vercel.app/ |
| 💻 Responsividade | Celular, Tablet e Desktop |
Entendendo o Funcionamento
No arquivo 'main.js', a função 'tocaSom()' é usada para identificar quando um elemento de áudio é clicado. Se for clicado, ele será reconhecido; caso contrário, uma mensagem de erro será exibida, se estiver usando o console do navegador.
O loop 'for' foi implementado para otimizar o código. Ao percorrer o laço, o som do instrumento é capturado ao clicar no botão e a cor do botão é alterada para vermelho durante o clique. Além disso, é possível acionar o som pressionando a tecla "Enter" ou a barra de espaço. A cor do botão retornará ao normal ao soltar a tecla.
Feito por:
Nayra Braga Barbosa
Linkedin: https://www.linkedin.com/in/nayra-barbosa/
Página desenvolvida como resultado de um curso na Alura.