working through project wesbos#1

Author: amerigirl

.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

01 - JavaScript Drum Kit/index-START.html

@@ -58,9 +58,16 @@
   <audio data-key="76" src="sounds/tink.wav"></audio>
 
 <script>
-
+window.addEventListener('keydown', function(e) { //adds a listener for the button
+const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
+console.log(audio); //stops the function from running all together
+if(!audio) return;
+audio.currentTime = 0; //rewind to the start after each cycle through
+audio.play();
+})
 </script>
 
 
 </body>
 </html>
+