Javascript 多个 IMG 数组

Question

我使用按钮 onclick 和图像数组来显示第一个图像，然后显示第三个图像。我想让几张图像并排执行此操作。该代码在其中一个上运行良好。但是当我尝试添加另一个时，它就出错了。我对 Javascript 很陌生，所以不知道问题是什么。

<button onclick="Suit()" class="button">
<img id="IMG1" src="suit.png" class="suit" width="300" height="260">
</button>



 <script>
 img_array= new Array('suit.png','suitwrong.png','suittry.png');
 i=0;
 function Suit()
    {
      i++;
     document.getElementById("IMG1").src=img_array[i];
     if(i==img_array.length-1) {
     i=-1;

    } 

  }
  </script>

我基本上想要 x3 的这段代码(3 个图像点击数组)。如果有帮助的话，很乐意将其放入单独的 .js 文件中。

Answer 1

这真的是剧本吗？如果是这样，请尝试在每次声明 js 变量时更改类似 put var 的内容。并在数组和循环中练习更多的数学和逻辑。顺便说一句，试试这个

<button onclick="Suit()" class="button">
<img id="IMG1" src="suit.png" class="suit" width="300" height="260">
</button>

<script>
 img_array= new Array('suit.png','suitwrong.png','suittry.png');
 i=0;
 function Suit()
    {
      i++;
     document.getElementById("IMG1").src=img_array[i];
     if(i==img_array.length) {
     i=i-img_array.length;
    } 

  }
  </script>

现在尝试在数组中添加另一张图片