Javascript 或 jquery，如何显示数组中的文本并在按下按钮时将文本更改为数组中的下一段文本？

Question

我有一个包含 13 个项目的数组，所有这些都是文本。我可以使用以下命令显示数组中的文本。

document.write(arrayname["0"]);

但是我想让用户单击一个按钮并淡出当前数组项并加载下一个数组项。我希望用户无法查看小于 0 和大于 13 的数组项，因为这会导致错误。

我尝试了这个，但无法让它工作。

提前谢谢您。

<script type=text/javascript>

 var stuff=['item', 'stuff', 'thingamajig'];
 var counter=0;
 function goRight(){
    if(counter===13){
      counter=13;
    } else 
     { counter=counter+1 }
 }

 document.write(stuff[counter]);
</script>

 <img src="left.png"><img onclick="goRight(); src="right.png>

Answer 1

您最大的困惑来源可能是由于实际上没有在您的函数中编写任何内容。尝试这样的事情:

<script type=text/javascript>
  var stuff=['item', 'stuff', 'thingamajig'];
  var count = 0;

  function goRight() {

    if (count > stuff.length - 1)
      count = 0;

    document.write(stuff[count++]);

  }

  document.write(stuff[count]);
</script>


<img src="left.png"><img onclick="goRight(); src="right.png>