live: https://adisuyash.github.io/drum-kit/
Use keyboard keys to produce pleasant music 🎷
What I learned :
-
adding event listeners
addEventListener('type',function)
-
how to use mp3 in JavaScript & play it on key press
let musicName = new Audio('audioFile-path');
then,musicName.play();
-
add and remove HTML classes using JavaScript (also, pre-define CSS for new className)
document.querySelector('selectorName').classList.add('className')
document.querySelector('selectorName').classList.remove('className')