/bateria

Projeto bateria feito com as tecnologias HTML, CSS e JavaScript

Primary LanguageHTML

Bateria

Projeto bateria feito com as tecnologias HTML, CSS e JavaScript

Demo do Projeto


Objetivo do projeto

Objetivo de criar o projeto bateria é continuar praticando e melhorando conhecimentos nas tecnologias que estou focado HTML, CSS e JavaScript, continuar progredindo e aprendendo novos recursos das tecnologias envolvidas. As principais funcionalidades do sistema são criar um ritmo de música ao apertar uma sequência de teclas dá bateria, também a letra que foi apertada tem uma animação selecionando a letra com uma cor que indica qual letra foi apertada e emite som, também existe um campo onde podemos digitar as letras para criar uma composição


Aprendizados

Nesse sistema coloquei em prática os conhecimentos de manipulação do DOM usando JavaScript. Declaração de variáveis, seleção de elementos, laço de repetição, eventos de mouse, uso de funções de click de mouse, função para manipular som, função para capturar tempo. Criar eventos.

Funcionalidades do sistema

Animaçao das teclas
Manipulação do som
Mais de um som ao mesmo tempo
Criar uma composição
Tocar música

Tecnologias utilizadas para criar o sistema

  • JavaScript
  • HTML
  • CSS
  • Agradecimentos

  • B7web
  • Autor

    John Helder Araújo