Day 1 done?

Button stays highlighted for duration of drum. Different to Wes’ version

Author: graemetait

01 - JavaScript Drum Kit/index.html

@@ -63,9 +63,11 @@
   const button = document.querySelector(`div[data-key="${key}"]`);
   const sound = document.querySelector(`audio[data-key="${key}"]`);
 
-  button.classList.add('playing');
+  if (!button) return;
+
+  sound.addEventListener('play', () => button.classList.add('playing'));
+  sound.addEventListener('ended', () => button.classList.remove('playing'));
   sound.play();
-  button.classList.remove('playing');
 }
 
 window.addEventListener('keypress', e => playDrum(e.keyCode));