javascript - 如何使用按钮通过 JavaScript 对数组进行计数？

Question

如何通过 JavaScript 使用按钮对数组进行计数？

我的代码:

var dataset = ["A", "B", "C", "D", "E"];
var counter = 0;

function onClick() {
  counter++;
};

document.write(dataset[counter]);

<button type="button" onClick="onClick()">Click me</button>

我想先打印“A”，然后在单击按钮时打印“B”，依此类推。

我当前的代码不工作。如何修复代码以实现此目的？

Answer 1

您需要一个用于输出的目标元素，因为如果页面完成，您将创建一个新的 HTML 文档。

请看这里:Why is document.write considered a "bad practice"?

function onClick() {
    if (counter < dataset.length) {
        document.getElementById('output').innerHTML += dataset[counter++] + ' ';
    }
};

var dataset = [ "A" , "B" , "C" , "D" , "E" ],
    counter = 0;

<button type="button" onClick="onClick()">Click me</button>
<div id="output"></div>