diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..52b1db4279 100644
--- a/01 - JavaScript Drum Kit/index-START.html
+++ b/01 - JavaScript Drum Kit/index-START.html
@@ -58,9 +58,28 @@
-
+ var playSound = function(e) {
+ var audio;
+ // select box div then add animation
+ var key = document.querySelector(`div[data-key="${e.keyCode}"]`);
+ key.classList.add('playing');
+ // select sound div then play sound
+ audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
+ audio.currentTime = 0;
+ audio.play();
+ }
+ window.addEventListener("keydown", playSound);
+ //add event listener for transition
+ var keys = document.querySelectorAll('div[class="key"]');
+ keys.forEach(function(key) {
+ key.addEventListener("transitionend", transitionEndCallback);
+ })
+