javascript - Javascript onclick 事件在每次点击时将不同的文本写入元素

Question

我可以使用哪些 Javascript 代码写入 HTML DOM？我想创建一个按钮，每次单击它时，它都会将不同的文本写入文档元素？例子;

第一次点击：

document.getElementById("paragraph").innerHTML= "This is is the initial text."

第二次点击：

document.getElementById("paragraph").innerHTML= "This text replaces the initial text"

第三次点击：

document.getElementById("paragraph").innerHTML= "This text replaces the text from the second click"

等等等等……

所有没有提前感谢。

Answer 1

创建一个包含所有可用文本行的数组。

然后单击按钮，生成一个随机数并用数组中的索引值替换。

var contentArray = ["This is is the initial text.", "This text replaces the initial text",    "This text replaces the text from the second click"],
length = countArray.length;

$(btn).bind('click',function(){
  var randomNumber = Math.floor(Math.random()*length);
  document.getElementById("paragraph").innerHTML = contentArray[randomNumber];
});

Answer 2

将所有文本选项添加到数组中。

设置一个随每次点击计数的变量。

使用计数器的编号从数组中调用文本。

一些代码：

var counter = 0;
var theArray = new Array("This is is the initial text.", "This text replaces the initial text", "This text replaces the text from the second click");

function clicked(){
   document.getElementById("paragraph").innerHTML= theArray[counter++];
}