Подскажите как можно реализовать на JavaScript
изменение общего значения для нескольких бегунков?
Есть форма, где несколько бегунков. На 4
бегунка выделено 100
, назовем их, поинтов. Когда один передвигаешь, общее значение уменьшается, передвигаешь еще один - еще уменьшается. Бегунки не могут выходить за пределы этого значения.
Не силен в JS
от слова совсем. Вот, что удалось накидать. Дальше тупик.
function testMy() {
line = document.getElementByType("active").value;
my = document.getElementById("count");
my.innerHTML = line.value;
}
body {
display: grid;
width: 200px;
}
<form>
<input type="range" min=0 max=100 id='active' value="0" oninput="testMy()">
<div id="count">0</div>
<input type="range" min=0 max=100 id='ritual' value="0" oninput="testMy()">
<div id="count2">0</div>
<input type="range" min=0 max=100 id='games' value="0" oninput="testMy()">
<div id="count3">0</div>
<input type="range" min=0 max=100 id='learn' value="0" oninput="testMy()">
<div id="count4">0</div>
<div id="count-max">100</div>
<input type="submit" value="Сохранить">
</form>