Javascript 在一页中显示多个输入类型范围的值

我正在尝试显示页面上每个滑块的值，这是我迄今为止的代码：

var i=0；
var st='滑块'；
var ot=‘输出’；
var s=''；
var o=“”；
对于（变量x=0；x<3；x++）{
i++；
s=st+i；
o=ot+i；
var s=document.getElementById（“范围”+i）；
var o=document.getElementById（“限制”+i）；
o、 innerHTML=s.value；
s、 oninput=函数（）{
o、 innerHTML=this.value；
}
}

你选择了
你选择了
你选择了

您遇到的问题与变量范围有关。只有一个名为

o

的变量，循环的每次迭代都会更改此变量。那么当

oninput

函数的计算值

o

等于您将其设置为等于的最后一个值。

o

的当前值未在函数定义中“保存”

有关更多信息，请参阅

请参阅下面的解决方案，在这里，我在每个函数调用中找到了

限制


函数updateLabel（）{
var limit=this.parentElement.getElementsByClassName（“limit”）[0]；
limit.innerHTML=this.value；
}
var slideContainers=document.getElementsByClassName（“slidecontainer”）；
对于（变量i=0；i


你选择了
你选择了
你选择了
您遇到的问题与变量范围有关。只有一个名为
o
的变量，循环的每次迭代都会更改此变量。那么当
oninput
函数的计算值
o
等于您将其设置为等于的最后一个值。
o
的当前值未在函数定义中“保存”

有关更多信息，请参阅

请参阅下面的解决方案，在这里，我在每个函数调用中找到了
限制


函数updateLabel（）{
var limit=this.parentElement.getElementsByClassName（“limit”）[0]；
limit.innerHTML=this.value；
}
var slideContainers=document.getElementsByClassName（“slidecontainer”）；
对于（变量i=0；i


你选择了
你选择了
你选择了
完美的解决方案，现在效果很好！非常感谢。完美的解决方案，现在效果很好！非常感谢你。