1
Hallo zusammen,
ich habe folgendes Script um Inputfelder/Schieberegler zu steuern. Das Script funktioniert auch prima. Nun habe ich ein Formular mit mehreren Inputfeldern/Schiebereglern und scheitere gerade daran, dieses Script so umzubauen, dass es auch für mehrere Schieberegler unabhängig voneinander funktioniert. Hat mir da jemand einen Tipp?
ich habe folgendes Script um Inputfelder/Schieberegler zu steuern. Das Script funktioniert auch prima. Nun habe ich ein Formular mit mehreren Inputfeldern/Schiebereglern und scheitere gerade daran, dieses Script so umzubauen, dass es auch für mehrere Schieberegler unabhängig voneinander funktioniert. Hat mir da jemand einen Tipp?
<script>
const rangeInputs = document.querySelectorAll('input[type="range"]')
const numberInput = document.querySelector('input[type="number"]')
function handleInputChange(e)
{
let target = e.target
if (e.target.type !== 'range')
{
target = document.getElementById('alter')
}
const min = target.min
const max = target.max
const val = target.value
target.style.backgroundSize = (val - min) * 100 / (max - min) + '% 100%'
}
</script>
<form action="" method="post" id="s_form">
<div>Wie alt bist du?
<input type="range" value="25" min="1" max="100" id="alter" oninput="rangenumber.value=value">
<input type="number" id="rangenumber" min="0" max="100" value="70" oninput="alter.value=value">
</div>
</form>