javascript - 单击按钮更改日期

Question

我希望每次单击按钮时都能看到下日数组列表

我能得到答案的唯一方法是 Math.random() 每次单击按钮时都会有不同的结果，但我希望每次单击它时都能在第二天显示给我。

function day() {
  var days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
  document.getElementById("demo").innerHTML = days[Math.floor(Math.random() * 7)];
}

<button onclick='day()'>Click to see</button>
<span id="demo"></span>

Answer 1

您可以保留一个数组来表示一周中的几天，同时还保留一个索引来显示当前日期 current。

每次点击都会增加current值。 innerHtml 值将是当前索引(添加 % 以防止跳出)

var days =['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];
let current = 0;
function day(){
    document.getElementById("demo").innerHTML = days[current++ % days.length];
}

<button onclick='day()'>Click to see</button>
<div id="demo">

</div>