来自另一个元素中"输入范围"的显示值给出"未定义"

Question

之前已经问过这个问题,但是我发现没有可靠的,有效的,简单的JS解决方案,所有解决方案都使用框架或者只是不工作.

我只想获取输入"范围"值的值,并将它们显示在span元素中.

在控制台中没有错误,我得到了未定义.

这是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) });