Alois: Slider to JS variable

Beitrag lesen

Hi all, Mein Problem: Ich versuche einen Slider-Wert in ein JS-Variable (strOut[0]) zu bringen, um den Wert dort weiter zu verarbeiten .... aber das geling nicht. Ich bitte um Hilfe!

<!DOCTYPE html>
<html>
<body>

<h2>Slider to JS-Var</h2>

<label id=Xout></label><label id=Xout2></label>

<br><br><br>
    <strong>
    <lable>Fußpunkt:</lable>
    <lable><input type="range" id="fpIn" min="-20" max="0"  value="-12"><span>0</span></lable>
  	<label> °C</lable>

<script>
const  strOut=[];

  var sliderFp = document.querySelector("input[type='range'][id='fpIn']");
  sliderFp.addEventListener("change", function(){
    document.querySelector("span").innerHTML = this.value;
    strOut[0]=this.value;
    document.getElementById("test1").innerHTML=strOut[0];
    });
    
  document.getElementById("Xout").innerHTML=">>> ";
  document.getElementById("Xout2").innerHTML=strOut[0];
</script>

</body>
</html>