diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html
index 4070d32767..140b1b291b 100644
--- a/01 - JavaScript Drum Kit/index-START.html	
+++ b/01 - JavaScript Drum Kit/index-START.html	
@@ -10,7 +10,7 @@
 
   <div class="keys">
     <div data-key="65" class="key">
-      <kbd>A</kbd>
+      <kbd on>A</kbd>
       <span class="sound">clap</span>
     </div>
     <div data-key="83" class="key">
@@ -58,7 +58,24 @@
   <audio data-key="76" src="sounds/tink.wav"></audio>
 
 <script>
+  const keyMap = {
+    'a': '65',
+    's': '83',
+    'd': '68',
+    'f': '70',
+    'g': '71',
+    'h': '72',
+    'j': '74',
+    'k': '75',
+    'l': '76',
+  }
 
+  document.addEventListener("keypress", e => {
+    if (keyMap.hasOwnProperty(e.key)) {
+      const sound = document.querySelector(`audio[data-key="${keyMap[e.key]}"]`)
+      sound.play()
+    }
+  })
 </script>