nicht angemeldet
Hallo Rolf, das ist ja ganz vertrackt: Innerhalb eines "addEventListener" behält eine Vaiable ihren zugewiesenen Wert, außerhalb ist er weg. Das gilt auch für globale Variable. In deinem, von mir modifizierten Code, sieht man das ganz deutlich. Irgend eine Idee, den Slider-Wert da rauß zu bekommen?
<head>
<meta charset="UTF-8">
<style>
label[for=fpIn] {
font-weight:bold;
}
</style>
</head>
<body>
<h1>Slider to JS-Var</h1>
<div>
<label for="fpIn">Fußpunkt:</label>
<input type="range" id="fpIn" min="-20" max="0" value="-12">
<output aria-hidden="true">0</output> °C
</div>
<br><br>
<p id="test1">test1:</p>
<p id="test2">test2:</p>
<p id="test3">test3:</p>
<script>
const strOut=[];
window.addEventListener("change", function(){
const sliderFp = document.querySelector("#fpIn");
const sliderOut = document.querySelector("#fpIn + output");
sliderFp.addEventListener("input", function() {
sliderOut.textContent = sliderFp.value;
strOut[0]=sliderFp.value;
document.getElementById("test1").innerHTML=strOut[0];});
sliderOut.textContent = sliderFp.value;
document.getElementById("test2").innerHTML=strOut[0];
strOut[1]="yxz"
});
document.getElementById("test3").innerHTML=strOut[1];
</script>
</body>
</html>
Rolf B
Der Martin