diff --git a/single-voice-synth.js b/single-voice-synth.js index c206ea0..2a6dc87 100644 --- a/single-voice-synth.js +++ b/single-voice-synth.js @@ -64,12 +64,28 @@ window.onload = function() { console.log("hello world!"); console.log(synth); - var selectedWaveType = document.querySelector("input[name='wave']"); - selectedWaveType.addEventListener("change", () => { - let selectedWaveTypeValue = document.querySelector("input[name='wave']:checked").value; - console.log("the value of the wave has changed to" + selectedWaveTypeValue); - synth.setOscWaveType(selectedWaveTypeValue); + + var waveTypeChoicesButtons = document.querySelectorAll("input[name='wave']"); + // waveTypeChoicesButtons.forEach((radio) => { + // radio.addEventListener("change", (event) => { + // if (event.target.checked) { + // let selectedWaveType = event.target.value; + // synth.setOscWaveType(selectedWaveType); + // } + // }) + // }) + + waveTypeChoicesButtons.forEach((rb) => { + rb.addEventListener("change", (event) => { + let selectedWave = document.querySelector("input[name='wave']:checked").value; + synth.setOscWaveType(selectedWave); + }) }) + + + + console.info(waveTypeChoicesButtons); + console.log("the selected wave:" + waveTypeChoicesButtons); var detune = document.getElementById("detune"); detune.addEventListener("input", () => { synth.setOscDetune(parseFloat(detune.value))