Javascript HTML动态更新滑块输入

我以前从未使用过HTML，我正在创建一个简单的网站，作为一个学术项目的一部分。我正在使用并让用户选择输出的速度。目前，我正在使用一个下拉框，其中包含与javascript代码中使用的值相关的“slow/medium/fast”选项，但我一直在尝试实现一个。我想要一个标签的滑块自动更新选定的数字作为滑块的变化，但我被困在如何实现这一点。感谢您的帮助

只需使用

oninput

属性调用javascript函数来更新

标签

HTML

JS

函数myFunction（）{
var x=document.getElementById（“myRange”）.value；
document.getElementById（“demo”）.innerHTML=x；
}

以下是您要查找的内容：

window.onload=function（）{rangeFunction（）}//在#结果中显示默认范围值
函数范围函数（）{
var x=document.getElementById（“范围”）.value；//获取当前范围值
document.getElementById（“结果”）.innerHTML=x；//在#结果中显示当前范围值
}

<label id="demo"></label><br>
<input oninput="myFunction()" type="range" id="myRange" value="90">

<script>
function myFunction() {
    var x = document.getElementById("myRange").value;
    document.getElementById("demo").innerHTML = x;
}
</script>