通过文本 onclick 随机播放答案

【问题标题】：Shuffling through text onclick通过文本 onclick 随机播放
【发布时间】：2015-05-10 05:07:23
【问题描述】：

我最近才开始使用 JavaScript，想知道如何解决这个问题：

<script type="text/javascript">
function changeText(){
document.getElementById('txt').innerHTML = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';
}
</script>
<p id='txt'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<input type='button' onclick='changeText()' value='CHANGE TEXT'/>

以上是我正在使用的代码示例。我想要的是能够将第二个文本更改为第三个，第四个，依此类推；就像在单击时循环显示文本值一样，因此它会显示其他文本，例如：

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur。 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum。

我不确定我使用的代码是否可行，但我一直在互联网上寻找解决方案，但我不确定我应该搜索什么。

【问题讨论】：

“第二个文本”和“第三个”在哪里？

标签： javascript onclick

【解决方案1】：

不确定我是否理解正确，但以下将在按钮开关上切换文本。

<script type="text/javascript">
var currentTextNum=0;
var texts = ['Text1', 'Text2', 'Text3', 'Text4'];
function changeText(){
document.getElementById('txt').innerHTML = texts[currentTextNum];
currentTextNum++;
if (currentTextNum>texts.length) currentTextNum=0;
}
</script>
<p id='txt'>Text1</p>
<input type='button' onclick='changeText()' value='CHANGE TEXT'/>

【讨论】：

【解决方案2】：

创建一个数组来保存字符串：

var stringsArr = [ "first string...", "2nd string..", "3rd...", "4th..."];

然后，创建一个计数器并在每次点击时递增；

var counter = 0;
function changeText(){
   counter++;
   document.getElementById('txt').innerHTML = stringsArr[counter%(stringsArr.length-1)];
}

【讨论】：