diff --git a/.gitignore b/.gitignore
index 6e1a3738b8..ebd704f6e0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 node_modules/
 *.log
 haters/
+.idea/*
\ No newline at end of file
diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..dca829a711 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -59,6 +59,24 @@
 
 <script>
 
+    function removeTransition(e){
+      if(e.propertyName != 'transform') return;
+      e.target.classList.remove('playing');
+    }
+
+    function playSound(event){
+        const audio = document.querySelector(`audio[data-key="${event.keyCode}"]`);
+        const key = document.querySelector(`div[data-key="${event.keyCode}"]`);
+        if(!audio) return;
+
+        key.classList.add('playing');
+        audio.currentTime = 0;
+        audio.play();
+    }
+
+    const keys = Array.from(document.querySelectorAll('.key'));
+    keys.forEach(key => key.addEventListener('transitionend', removeTransition));
+    window.addEventListener('keydown', playSound);
 </script>