javascript - 我如何将 For 循环与数组一起使用并通过单击一个一个地获取值

Question

拜托，我需要一些帮助。我想对数组使用 for 循环，我想使用按钮一个一个地获取值。

• 我想点击并获得 --> "A",
• 当我再次点击并得到 --> "B",
• 当我再次点击并得到 --> "C"
• ...

当我使用 for 循环时，我只得到最后一个值您可以查看和编辑代码 here .

如何对数组使用 for 循环并通过单击逐个获取值:

var myArray = ["A", "B", "C", "D", "E", "F"];

var display = document.getElementById("display");
var x = 0;

function oneByOne() {
    for (i = 0; i < myArray.length; i++) {
    display.innerHTML = myArray[i]; // Result => "F"
 }
}

喜欢下面的代码:

display.innerHTML = myArray[0];

function oneByOne() {
 x++;
 if (x < myArray.length) {
   display.innerHTML = myArray[x];

} else {
   display.innerHTML = "End";
 }
}

HTML代码:

<h1 id="display"></h1>
<button onclick="oneByOne()"> One By One </button>

Answer 1

好的，在你澄清之后这里是工作代码:

var myArray = ["A", "B", "C", "D", "E", "F"];

var display = document.getElementById("display");

var x = 0;

function oneByOne() {
  if (x < myArray.length) {
    display.innerHTML = myArray[x];
  } else {
    display.innerHTML = "End";
  }
  x++;
}

<h1 id="display"></h1>
<button onclick="oneByOne()"> One By One </button>