JavaScript / HTML与DOM，Button一起工作，每次点击时都会计算点击并生成新字符串

Question

我需要创建计数点击但每次创建新字符串的按钮。 我有这个函数，每次点击时都会计数，但我不明白，为什么在 HTML 中它每次计数为零，应该是这样的：（垂直每次点击都会产生更新计数的新字符串） 1 2 3 4 。 ..

<form action="#">
    <input type="button" value="Count" onclick="add_count()">
</form>

function add_count() {
let integer = (function () {
    let counter = 0;
    return function() {return counter++;};
}());
let tag = document. createElement("p");
let text;
text = document. createTextNode(integer());
tag. appendChild(text);
let element = document. getElementsByTagName("body")[0];
element. appendChild(tag)};

Answer 1

您只需要将counter初始化移到函数范围之外

我已经稍微调整了你的代码。

注意：尽量不要使用内联事件监听器，而是在 JavaScript 文件中使用事件监听器

 let counter = 0; const button = document.querySelector('input'); function add_count() { let integer = (() => counter++); const tag = document.createElement("p"); const text = document.createTextNode(integer()); tag.appendChild(text); const element = document.body element.appendChild(tag) }; button.addEventListener('click', add_count)

 <form action="#"> <input type="button" value="Count"> </form>