Javascript/html：两个输入范围字段平衡比例

如何使这两个输入范围字段平衡到最大值100，当我移动第一个输入字段范围时，第二个输入字段范围也应调整，反之亦然。我的意思是，它应该是成比例的双方一样，平衡规模

这是我的密码

//第一个输入范围
75


//第二输入范围
25

在

输入处理程序中，除了更改同一滑块的
字段外，还将另一个滑块和另一个
的值更改为
100-此.value


$（“#判断#范围”）。打开（“输入”，函数（）{
$（“#judge_rangeOutput”）.val（此.value）；
$（“#预先判断#u范围”）.val（100-此.value）；
$（“#preJudge_rangeOutput”）.val（100-this.value）；
});
$（“#预先判断#范围”）。在（“输入”，函数（）上{
$（“#preJudge_rangeOutput”）.val（此.value）；
$（“#judge_range”）.val（100-this.value）；
$（“#judge_rangeOutput”）.val（100-this.value）；
});

第一输入范围
75

第二输入范围
25
在每个滑块上设置更改处理程序。从100中减去该值，并将另一个滑块设置为该值。@Barmar你能给我一个例子吗，我从早期开始就试图得到我的代码根本不工作
//First input range

<output name="judge_rangeOutput" id="judge_rangeOutput">75</output>
<input type="range"  name="judge_range" id="judge_range" min="0" max="100" value="75" oninput="judge_rangeOutput.value = judge_range.value"><br/>


//Second input range
<output name="preJudge_rangeOutput" id="preJudge_rangeOutput">25</output>
<input type="range" name="prejudges_range" id="prejudges_range" min="0" max="100" value="25" oninput="preJudge_rangeOutput.value = prejudges_range.value ">