diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..c27cc52555 100644
--- a/01 - JavaScript Drum Kit/index-START.html
+++ b/01 - JavaScript Drum Kit/index-START.html
@@ -57,9 +57,29 @@
-
+ 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;
+ audio.play();
+ key.classList.add('playing');
+ }
+
+ function removeTransition(e) {
+ if (e.propertyName !== 'transform') return;
+ console.log(e.propertyName);
+ this.classList.remove('playing');
+ }
+
+ const keys = document.querySelectorAll('.key');
+ keys.forEach(key => key.addEventListener('transitionend', removeTransition));
+
+ window.addEventListener('keydown', playSound);
+
+