How to change the range of a slider according to another slider's changes.

Ask the community
,
1

I have two slider, one is called as ‘Maximum Value’, another is ‘Minimum Value’. When I select a number on the ‘Minimum Value’ slider slider, I want the lowest value of the ‘Maximum Value’ slider to be equal to the number I selected. How to do this with corvid? Any help is appreciated.

2

Create an onChange event handler for the first slider, and in that onChange function you can then set the value that you want for the second slider.

3

Thanks for your reply!
I wrote the code but it does not work. Anything wrong with my code or I missed something?

$w.onReady(function () {
    $w("#slider3").onChange( (event) => {
        let newMin = "$w('#slider3').value" ;  // "new value"
        $w("#slider2").min = newMin
    });
});
4

@Marco Ng Almost. Try something like this:

$w.onReady(function () {
    $w("#slider3").onChange( (event) => {
         let newMin = event.target.value;  // "new value"
        $w("#slider2").min = newMin
    });
});