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

我有一个包含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>

var stuff=['item'，'stuff'，'thingamajig']；
var计数器=0；
函数goRight（）{
如果（计数器==13）{
计数器=13；
}否则
{计数器=计数器+1}
}
文件。书写（材料[柜台]）；

试试这个

var stuff=['item', 'stuff', 'thingamajig'];
     var counter=0;

     function goRight(){
        document.write(stuff[counter]);
         counter++;
         if(counter===13){  // if You want 13 th element you check to 14
         counter=0;
         }
      }        

或

---

您最大的困惑可能是由于没有在函数中实际写入任何内容。试着这样做：

<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>

var stuff=['item'，'stuff'，'thingamajig']；
var计数=0；
函数goRight（）{
如果（计数>stuff.length-1）
计数=0；
编写（stuff[count++]）；
}
写（东西[计数]）；

试试这样的方法 HTML

---

您可能想阅读您说“无法使其工作”，当您尝试时会发生什么？您的

文档可能没有帮助，这是将一个随机项推到页面上并覆盖所有内容。@user2684521不知道答案是否有帮助。.我尝试了一些不同的方法，我尝试过这样做，但仍然一无所获。”。var计数=0$（“#下一步”）。单击（函数（）{thecount++}）@user2684521签入小提琴错误是拼写testis数组
<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>

<span id='dynamicText'>item</span>
<button type='button' onclick='goRight()'>Click</button>

var stuff = ['item', 'stuff', 'thingamajig'];
var counter = 1;
function goRight() {
 if(counter>= stuff.length)
    counter=0;
 document.getElementById('dynamicText').innerHTML=stuff[counter];
 counter++;
}