点击时对文本进行随机排序

Shuffling through text onclick

本文关键字：随机 排序 文本      更新时间：2023-09-26

我最近才拿起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.

我

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

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

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

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

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

然后，创建一个计数器并在每次单击时递增它;

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