javascript - 在另一个元素中显示来自 "input range"的值给出 "undefined"

Question

以前有人问过这个问题，但我没有找到可靠、有效、简单的 JS 解决方案，所有解决方案都在使用框架或根本不起作用。

我只想获取输入“范围”值的值并将它们显示在 span 元素中。

我在控制台中得到 undefined 并且没有错误。

这是JS代码:

document.getElementById("height").addEventListener("input", 
sliderChange(this.value));

function sliderChange(val) {
document.getElementById('yourHeight').innerHTML = val;
}

此外，我想存储用户输入并用于另一个函数来计算最终结果(目前还没有这个函数)。

这是链接:

https://codepen.io/damianocel/pen/ZyRogX

Answer 1

你需要传递一个函数给addEventListener:

document.getElementById("height").addEventListener("input", function() { sliderChange(this.value) });