我需要一个 html 页面中的一堆滑块。我发现w3schools 中的这个例子正是我所需要的。
在那里，以下脚本处理恰好一个硬编码滑块的更新：
<body>
<h1>Custom Range Slider</h1>
<p>Drag the slider to display the current value.</p>
<div class="slidecontainer">
<input type="range" min="1" max="100" value="50" class="slider" id="myRange">
<p>Value: <span id="demo"></span></p>
</div>
<script>
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
slider.oninput = function() {
output.innerHTML = this.value;
}
</script>
</body>
问题是如果我向 HTML 页面添加更多滑块，我该如何概括该脚本？我不想为我在页面中需要的每个滑块都有一对滑块和输出和 oninput 函数。
慕莱坞森
饮歌长啸
MMMHUHU
相关分类