From 357bb8219153c9f2368d3ccab94d663c35c4df59 Mon Sep 17 00:00:00 2001 From: Joshua Date: Fri, 5 Feb 2021 14:41:55 -0800 Subject: [PATCH 1/2] finished part1 --- assets/scripts/main.js | 64 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) diff --git a/assets/scripts/main.js b/assets/scripts/main.js index d09d6985..ef9e90ae 100644 --- a/assets/scripts/main.js +++ b/assets/scripts/main.js @@ -1,3 +1,67 @@ // main.js // TODO +function changeVolume(vol) { + let aud = document.getElementById("horn-sound"); + aud.volume = vol / 100; + volumeInput = document.getElementById("volume-number"); + volumeSlider = document.getElementById("volume-slider"); + volumeImage = document.getElementById("volume-image"); + + volumeInput.value = vol; + volumeSlider.value = vol; + + if(volumeInput.value >= 67) { + volumeImage.src = "./assets/media/icons/volume-level-3.svg"; + document.getElementById("honk-btn").disabled = false; + } + else if(volumeInput.value >= 34) { + volumeImage.src = "./assets/media/icons/volume-level-2.svg"; + document.getElementById("honk-btn").disabled = false; + } + else if(volumeInput.value >= 1) { + volumeImage.src = "./assets/media/icons/volume-level-1.svg"; + document.getElementById("honk-btn").disabled = false; + } + else { + volumeImage.src = "./assets/media/icons/volume-level-0.svg"; + document.getElementById("honk-btn").disabled = true; + } +} + +function changeSound() { + let aud = document.getElementById("horn-sound"); + let image = document.getElementById("sound-image"); + + if(document.getElementById("radio-air-horn").checked) { + aud.src = "./assets/media/audio/air-horn.mp3"; + image.src = "./assets/media/images/air-horn.svg"; + image.alt = "Air Horn"; + } + else if(document.getElementById("radio-car-horn").checked) { + aud.src = "./assets/media/audio/car-horn.mp3"; + image.src = "./assets/media/images/car.svg"; + image.alt = "Car"; + } + else if(document.getElementById("radio-party-horn").checked) { + aud.src = "./assets/media/audio/party-horn.mp3"; + image.src = "./assets/media/images/party-horn.svg"; + image.alt = "Party Horn"; + } +} + +function playSound(event) { + event.preventDefault(); + document.getElementById("horn-sound").play(); + +} + +let volumeInput = document.getElementById("volume-number"); +let volumeSlider = document.getElementById("volume-slider"); +volumeInput.addEventListener("change", function(){changeVolume(volumeInput.value);}); + +volumeSlider.addEventListener("change", function(){changeVolume(volumeSlider.value);}); + +document.getElementById("audio-selection").addEventListener("change",changeSound); + +document.getElementById("honk-btn").addEventListener("click", function(){playSound(event);}); \ No newline at end of file From 6209c9c2935de6e74508cc493c38e9e3970bfece Mon Sep 17 00:00:00 2001 From: Joshua Date: Fri, 5 Mar 2021 13:45:53 -0800 Subject: [PATCH 2/2] updated README to include link --- README.md | 1 + 1 file changed, 1 insertion(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 00000000..ca173c3d --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +https://jkuschner.github.io/Lab5_PartyHorn/