finished first video.

hsilvap · hsilvap · commit c70011b7a4b4 · 2016-12-14T00:48:42.000-06:00
diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
@@ -59,6 +59,25 @@
 
 <script>
 
+    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; //rewinds
+      audio.play();
+      key.classList.add('playing');
+    };
+
+    function removeTransition(e){
+      if(e.propertyName !== 'transform') return;
+      this.classList.remove('playing');
+    };
+
+
+    const keys =  document.querySelectorAll('.key');
+    keys.forEach( key => key.addEventListener ('transitionend', removeTransition))
+    window.addEventListener('keydown', playSound);
+    
 </script>
 
 
