functioned inside keydown event refactored for readability

Author: AFronczak

01 - JavaScript Drum Kit/index.html

@@ -59,14 +59,14 @@
 
 <script>
 
-window.addEventListener("keydown", function (e) {
+function  playSound(e) {
   const audio = document.querySelector(`audio[data-key='${e.keyCode}']`);
   const key = document.querySelector(`.key[data-key='${e.keyCode}']`);
   if(!audio) return;
   audio.currentTime = 0; //rewind to start
   audio.play()
   key.classList.add('playing')
- });
+};
 
 function removeTransition(e) {
   if (e.propertyName !== 'transform') return;
@@ -76,7 +76,7 @@
 const keys = document.querySelectorAll('.key');
 
 keys.forEach(key => key.addEventListener('transitionend', removeTransition));
-
+window.addEventListener("keydown", playSound);
 </script>