CODEWITHSUNDEEP
javascripthtmlvariables
user12515216
user12515216

Reputation:

How do i set a function parameter with JavaScript?

How do I set a function parameter with JavaScript? I need to set a number value to a variable, but i cant seem to figure it out. some help will be much appreciated!

            // create web audio api context
        var audioCtx = new (window.AudioContext || window.webkitAudioContext)();

        // create Oscillator node
        var oscillator = audioCtx.createOscillator();
        oscillator.type = 'square';
        oscillator.frequency.setValueAtTime(255, audioCtx.currentTime); // I want to set 255 to the variable x
        oscillator.connect(audioCtx.destination);
        oscillator.start();
        var x = document.getElementById("HTMLslider").value;

I have tried doing this:

set oscillator.frequency = var "x"

I hope someone can help😁

Upvotes: 0

Views: 53

Answers (1)

nanobar
nanobar

Reputation: 66365

I'm guessing you want to change the frequency according to the slider value:

var slider = document.getElementById("HTMLslider");

// create web audio api context
var audioCtx = new (window.AudioContext || window.webkitAudioContext)();

// create Oscillator node
var oscillator = audioCtx.createOscillator();
oscillator.type = 'square';
oscillator.frequency.setValueAtTime(Number(slider.value), audioCtx.currentTime); // I want to set 255 to the variable x
oscillator.connect(audioCtx.destination);
oscillator.start();

// Listen for slider changes and apply value to frequency.
slider.addEventListener('change', e => oscillator.frequency.setValueAtTime(Number(e.target.value), audioCtx.currentTime));
<input type="range" min="1" max="1000" value="225" id="HTMLslider" />

Upvotes: 1

Related Questions