ergz
/
simple-synth
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
single-voice-synth.js
View File

@ -64,12 +64,28 @@ window.onload = function() {
console.log("hello world!"); console.log("hello world!");
console.log(synth); console.log(synth);
var selectedWaveType = document.querySelector("input[name='wave']");
selectedWaveType.addEventListener("change", () => { var waveTypeChoicesButtons = document.querySelectorAll("input[name='wave']");
let selectedWaveTypeValue = document.querySelector("input[name='wave']:checked").value; // waveTypeChoicesButtons.forEach((radio) => {
console.log("the value of the wave has changed to" + selectedWaveTypeValue); // radio.addEventListener("change", (event) => {
synth.setOscWaveType(selectedWaveTypeValue); // 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"); var detune = document.getElementById("detune");
detune.addEventListener("input", () => { detune.addEventListener("input", () => {
synth.setOscDetune(parseFloat(detune.value)) synth.setOscDetune(parseFloat(detune.value))