Javascript onClick函数未提供所需的输出值

您好，我使用了一个循环来遍历数组以检查onclick函数，但是当我单击任何数组元素时，我会得到相同的结果，这应该只是第一个元素的结果。 当我点击点3时，我只会激活第一个点。如果我点击任何一个点，我会在第一个点上显示为激活状态，即索引0仅为激活状态。请帮忙

var s=0；
var images=[“url（/images/main.jpg）”，“url（/images/main1.jpg）”，“url（/images/main2.jpg）”；
var image=document.getElementById（“图像容器”）；
var dots=document.getElementsByClassName（“dot”）；
var next=document.getElementById（“nextbtn”）；
var prev=document.getElementById（“prevbtn”）；
对于（var i=0；i

正文{
背景颜色：灰色；
}
图像容器{
显示：块；
位置：绝对位置；
宽度：50px；
高度：400px；
边框：2件纯黑；
背景图片：url（/IMAGES/main2.jpg）；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
}
.prev，.next{
显示器：flex；
位置：相对位置；
z指数：1；
最高：80%；
光标：指针；
填充：16px 16px；
颜色：白色；
字体大小：粗体；
字体大小：140%；
用户选择：无；
}
上一篇{
浮动：左！重要；
左：0；
边界半径：3px 0 3px；
}
.下一个{
浮子：对！很重要；
右：0；
边界半径：3px 0 3px；
}
.prev:悬停，.next:悬停{
背景色：rgba（255255,0.4）；
}
多特先生{
显示：内联块；
位置：相对位置；
光标：指针；
高度：15px；
宽度：15px；
保证金：1px2px；
最高：100%；
背景色：rgba（0,0,0,8）；
边界半径：50%；
过渡：背景色0.6s；
}
.主动{
背景色：rgba（255255）；
} 
.dot:悬停{
背景色：#717171；
}

嘿，我是图像容器

❮
❯

您需要在第一个for循环中使用

let

您没有根据

n

正确设置

s

下面的代码可以工作，并且应该执行您需要的操作

var s=0；
var images=[“url（/images/main.jpg）”，“url（/images/main1.jpg）”，“url（/images/main2.jpg）”；
var image=document.getElementById（“图像容器”）；
var dots=document.getElementsByClassName（“dot”）；
var next=document.getElementById（“nextbtn”）；
var prev=document.getElementById（“prevbtn”）；
for（设i=0；i

正文{
背景颜色：灰色；
}
图像容器{
显示：块；
位置：绝对位置；
宽度：50px；
高度：400px；
边框：2件纯黑；
背景图片：url（/IMAGES/main2.jpg）；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
}
.prev，.next{
显示器：flex；
位置：相对位置；
z指数：1；
最高：80%；
光标：指针；
填充：16px 16px；
颜色：白色；
字体大小：粗体；
字体大小：140%；
用户选择：无；
}
上一篇{
浮动：左！重要；
左：0；
边界半径：3px 0 3px；
}
.下一个{
浮子：对！很重要；
右：0；
边界半径：3px 0 3px；
}
.prev:悬停，.next:悬停{
背景色：rgba（255255,0.4）；
}
多特先生{
显示：内联块；
位置：相对位置；
光标：指针；
高度：15px；
宽度：15px；
保证金：1px2px；
最高：100%；
背景色：rgba（0,0,0,8）；
边界半径：50%；
过渡：背景色0.6s；
}
.主动{
背景色：rgba（255255）；
} 
.dot:悬停{
背景色：#717171；
}

嘿，我是图像容器

❮
❯

将循环中的“var”更改为“let”，如下所示：for（let i=0；…@syduki感谢您的建议。我尝试了一下，但结果没有差异。请看，也更改一下：if（n==images.length）{s=0}else{s=n}谢谢@syduki。我将n作为参数并使用“s”用于显示结果。但n和s之间只有部分关系。