This is the Day 1 of the JavaScript-30-day challenge I've followed from the channel Wes Bos.
If you want to try this cool JS drum kit app, come check Here .
Don't forget to turn on the sound and try with your keyboard:)
- this.classList.add('') : add class name on an element
- this.classList.remove('') : remove class name from an element
- audio.currentTime = 0 : let the audio playing time set from zero(or let it play again from the beginning)
- transitionend : a trigger of addEventListener
- keydown : a trigger of addEventListener
- window.addEventListener : listen to all the action from the whole site
- event.propertyName : the CSS keys ofr the element (ex. transform, width...)