s

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // 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}"
+        }
+    ]
+}

README.md

@@ -1 +1,2 @@
 # Lab 5 - Starter
+Maryam Usman and Jenny Quach

assets/scripts/expose.js

@@ -4,4 +4,30 @@ window.addEventListener('DOMContentLoaded', init);
 
 function init() {
   // TODO
+    //let = document.getElementById("expose");
+  var horn = document.getElementById('horn-select');
+  var horn_choice = horn.value;
+
+  //image
+  function setImg(images){
+    var img = document.querySelector('img');
+    img.src = `assets/images/${horn_choice}.svg`;
+    console.log(horn_choice);
+
+  }
+
+  //change the image whenever the user chaneg the input of horn 
+  horn.addEventListener('change', setImg());
+
+  function setAudio(audio){
+    var audio = document.querySelector('audio');
+    audio.src = `assets/audio/${horn_choice}.mp3`;
+
+  }
+  horn.addEventListener('change', setAudio());
+
+
+
+
+
 }

expose.html

@@ -9,7 +9,7 @@
   <title>Lab 5 - Party Horn</title>
 
   <!-- JS Confetti -->
-  <script src="./assets/scripts/js-confetti.browser.js"></script>
+  <script src="./assets/scripts/expose.js"></script>
 
   <!-- Main Stylesheet & Scripts -->
   <link rel="stylesheet" href="assets/styles/global.css" />