javascript - 如何让按钮每次按下时都会创建不同的文本？

Question

我如何才能创建一个 onclick 提供如下内容的按钮:

第一次按下按钮时，文本应更改为“您按下了按钮”(无引号)

第二次按下按钮时，文本应更改为“您(再次)按下了按钮”。 (无引号)

第三次到第五次按下按钮时，文本应更改为“您按下按钮 n 次”。 (无引号)其中 n 替换为按下按钮的次数。

如果按钮被按下六次或更多次，则文本应替换为“停止按下按钮”。 (无引号)

我完全迷失在这里。有没有办法使用 if/else 语句来完成此操作？看起来很简单，但我什至不知道从哪里开始。谢谢您的帮助。

Answer 1

尝试创建一个包含要显示文本的数组，使用 Array.prototype.shift()显示数组中的项目 if array .length大于1 ，否则显示数组中剩余的项目

var arr = ["You pushed the button"
           , "You pushed the button (again)."
           , "You pushed the button 3 times."
           , "You pushed the button 4 times."
           , "You pushed the button 5 times."
           , "Stop pushing the button."];

document.querySelector("button").onclick = function() {
  this.innerHTML = arr.length > 1 ? arr.shift() : arr[0]
}

<button>click</button>