make radio buttons happen

This commit is contained in:
Emanuel Rodriguez 2024-02-15 23:57:07 -08:00
parent 3d85edfc98
commit 3273b1e6db
1 changed files with 21 additions and 5 deletions

View File

@ -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))