JSFiddle - React, Tailwind, and code Playground
HTML
<div class="sensorset">
<input type="range" min="0" max="1023" value="431" id="slider1" class="slider"
onchange="updateSlider(this.value,'slider1')" oninput="isitTime()">
<div class="sensors" style="align-items: flex-end;">
<div style="font-weight:bold;font-size: 14pt;">slider1</div>
<div id="sliderAmount" style="text-align: right;">431</div>
</div>
<input type="range" min="0" max="1023" value="431" id="slider2" class="slider"
onchange="updateSlider(this.value,'slider2')" oninput="isitTime()">
<div class="sensors" style="align-items: flex-end;">
<div style="font-weight:bold;font-size: 14pt;">slider2</div>
<div id="sliderAmount" style="text-align: right;">431</div>
</div>
<input type="range" min="0" max="1023" value="431" id="slider3" class="slider"
onchange="updateSlider(this.value,'slider3')" oninput="isitTime()">
<div class="sensors" style="align-items: flex-end;">
<div style="font-weight:bold;font-size: 14pt;">slider3</div>
<div id="sliderAmount" style="text-align: right;">431</div>
</div>
</div>
JavaScript
var slider = document.getElementById('slider1');
slider.addEventListener('input', sliderChange);
function sliderChange() {
var sliderDiv = document.getElementById("sliderAmount");
sliderDiv.innerHTML = this.value;
console.log(this.value);
}
function isitTime(){}
function updateSlider(){
//Werte an den controller ĂĽbergeben
}