ТОЛЬКО В ГОЛОВУ ПРИШЛО....А ВОТ ТАК ПРАВИЛЬНО БУДЕТ?
<head>
<body>
<label for=fader>Управление по горизонтали</label><br>
<label for=fader>ВЛЕВО  </label>
<output for=fader id=volume1>0%</output>
<label for=fader>  ВПРАВО</label><br>
<input type=range min=-100 max=100 value=0 id=fader step=10 list=volsettings1 oninput="outputUpdate1(value)">
<datalist id=volsettings1>
<option>-100</option>
<option>-80</option>
<option>-60</option>
<option>-40</option>
<option>-20</option>
<option>0</option>
<option>20</option>
<option>40</option>
<option>60</option>
<option>80</option>
<option>100</option>
</datalist><br><br>
<script>
function outputUpdate1(vol) {
document.querySelector('#volume1').value = vol+"%";
var xhr = new XMLHttpRequest();
if (vol<0){
xhr.open('GET','//192.168.1.111/?buttonleft');
xhr.send(null);
}
else {
xhr.open('GET','//192.168.1.111/?buttonright');
xhr.send(null);
}
}
</script>
</body>