diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..85de0afbfd 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -57,9 +57,7 @@
   <audio data-key="75" src="sounds/tom.wav"></audio>
   <audio data-key="76" src="sounds/tink.wav"></audio>
 
-<script>
-
-</script>
+<script src="index.js"></script>
 
 
 </body>
diff --git a/01 - JavaScript Drum Kit/index.js b/01 - JavaScript Drum Kit/index.js
new file mode 100644
index 0000000000..47b431f44e
--- /dev/null
+++ b/01 - JavaScript Drum Kit/index.js	
@@ -0,0 +1,17 @@
+
+window.addEventListener('keydown', (e)=>{
+  const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
+  const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
+  console.log(audio);
+  if(!audio) return;
+  audio.currentTime = 0;
+  key.classList.add('playing');
+  audio.play();
+});
+
+const keys = document.querySelectorAll('.key');
+keys.forEach(key => key.addEventListener('transitionend', function(e){
+  if(e.propertyName !== 'transform') return;
+  console.log(this);
+  this.classList.remove('playing');
+}));