Javascript中的“上一步”按钮不起作用

我想在Javascript中创建一个带有两个按钮“Next”和“Previous”的滑块。“下一步”按钮工作，但“上一步”按钮不工作。这是我的密码：

让myImage=document.getElementById（'mainImage'）；
让图像=[”/img/th01.jpg“，”/img/th02.jpg“，”/img/th03.jpg“，”/img/th04.jpg“，”/img/th05.jpg“]；
设imageIndex=1；
函数next（）{
setAttribute（'src'，images[imageIndex]）；
imageIndex++；
if（imageIndex>=images.length）{
imageIndex=0；
}
}
函数previous（）{
setAttribute（'src'，images[imageIndex]）；
图像索引--；
如果（imageIndex您的
下一步
按钮也不能正常工作。这两个功能中的问题是，您在更改
src
后正在更改索引，因此新的
src
将反映上次按钮单击后的
imageIndex
情况，而不是刚刚发生的单击。（由于
imageIndex
硬编码为从1开始，因此第一次单击看起来总是执行“下一步”按钮应该执行的操作）

将
imageIndex
初始化为0，并在设置
src
之前将其更改

此外，它们的范围链异常，需要全球污染，并且存在报价逃避问题。请改用
addEventListener
：


让myImage=document.getElementById（'mainImage'）；
让图像=[”/img/th01.jpg“，”/img/th02.jpg“，”/img/th03.jpg“，”/img/th04.jpg“，”/img/th05.jpg“]；
设imageIndex=0；
const[prev，next]=document.queryselectoral（'button'）；
next.addEventListener（'click'，（）=>{
imageIndex++；
if（imageIndex==images.length）{
imageIndex=0；
}
myImage.src=images[imageIndex]；
});
上一个addEventListener（'单击'，（）=>{
图像索引--；
如果（imageIndex==-1）{
imageIndex=images.length-1；
}
myImage.src=images[imageIndex]；
})；





以前的
下一个