在控制台中显示Chaing滑块值

Question

我有一个滑块和跨度，它显示变化值的值，如下所示：

var slider = document.getElementById("myRange");

var output = document.getElementById("dynamicSet");

output.innerHTML = slider.value; // Display the default slider value

// Update the current slider value (each time you drag the slider handle)

let update = () => output.innerHTML = slider.value;

slider.addEventListener('input', update);

update();

const setAmount = document.getElementById("dynamicSet").innerHTML;

console.log(setAmount);

<div class="slidecontainer">

    <p>Aantal sets: <span id="dynamicSet"></span></p>

    <input type="range" min="1" max="10" value="50" class="slider" id="myRange">

</div>

网页显示变化的值，效果很好！但是，当我尝试控制台记录它时，它只显示滑块所在的初始值。我试图将此值推送到数据库（使用提交按钮的点击），但我注意到打开页面时该值与初始值保持相同：

我也需要改变后端值。怎么能做到这一点呢？我以为均匀的听众已经解决了这个问题..

Answer 1

请检查一下，希望它能起作用:-)var slider = document.getElementById("myRange");var output = document.getElementById("dynamicSet");var isShow = trueoutput.innerHTML = slider.valueupdate=()=>{output.innerHTML = slider.value;&nbsp;// Display the default slider valueconsole.log(slider.value)}// Update the current slider value (each time you drag the slider handle)//let update = () => output.innerHTML = slider.value;slider.addEventListener('input', update);<div class="slidecontainer">&nbsp; &nbsp; <p>Aantal sets: <span id="dynamicSet"></span></p>&nbsp; &nbsp; <input type="range" min="1" max="10" value="50" class="slider" id="myRange"></div>

Answer 2

你可以试试这个let update = () => {&nbsp; output.innerHTML = slider.value;&nbsp; console.log(slider.value)}