jamilu-jibrilla / javascript-drum-kit Goto Github PK

javascript drum kit is a simulation of a real life Drum kit This project is part of wes bos 30 days of vanilla JS

optional: i added the click to play feature

New knowledge:

1. learnt how to use a data-attribute, how to get an element from the DOM using data-attribute

2. learnt how to play and reset an audio that is playing using javascript

3. exposure to keyboard events, and how to listen and get the value of the key pressed on a keyboard(using event.key, event.which etc)

4. listening to transition events in your css

NB: CLICK ON DRUM KEYS TO PLAY SOUND NB: TURN ON CAPSLOCK TO PLAY DRUMS USING THE KEYBOARD

live link: https://jamilu-jibrilla.github.io/javascript-drum-kit/