Slider to JS variable bearbeitet von Alois 18.03.2023 15:25 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? ~~~ html <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> ~~~
Slider to JS variable bearbeitet von Der Martin 18.03.2023 16:18 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>
nicht angemeldet nicht angemeldet
