Estoy intentando hacer una página en la que el usuario puede cambiar unos input range, y quiero que la suma de sus values sea 100 siempre. Para ello, quiero que si un input tiene un value de 25, el otro tenga un value de 75, por ejemplo. El caso es que al cambiar el value de "angleslider", se cambia el value de "minimumslider", pero al revés no. Además, la visualización del value de minimumslider no funciona cuando cambias el value de angleslider.
var angleslider;
var minimumslider;
function setup() {
angleslider = createSlider(0, 100, 3);
minimumslider = createSlider(0, 100);
setInterval(function(){
angleslider.attribute("value", 100 - minimumslider.value());
minimumslider.attribute("value", 100 - angleslider.value());
}, 0);
};
(Estoy usando p5.js pero si la solución no necesita p5, mejor)¿Alguna idea?