如何使用按钮使用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文档.

请看这里:为什么document.write被认为是"不好的做法"？

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>