wesbos
diff --git a/‎01 - JavaScript Drum Kit/index-START.html‎
Lines changed: 8 additions & 6 deletions b/‎01 - JavaScript Drum Kit/index-START.html‎
Lines changed: 8 additions & 6 deletions
@@ -58,10 +58,7 @@
   <audio data-key="76" src="sounds/tink.wav"></audio>
 
 <script>
-  let key = document.querySelector(".key")
-  let keys = document.querySelector(".keys")
-
-  const keyMap {
+  const keyMap = {
     'a': '65',
     's': '83',
     'd': '68',
@@ -73,10 +70,15 @@
     'l': '76',
   }
 
-  console.log(keys)
-  document.addEventListener("keypress", e => {
+  function playAudio(key) {
+    const sound = document.querySelector(`audio[data-key="${keyMap[key]}"]`)
+    sound.play()
+  }
 
+  document.addEventListener("keypress", e => {
+    playAudio(e.key)
   })
+
 </script>