我如何使一个可点击的按钮在javascript中添加+ 1到一个变量?

Question

我想知道如何制作一个显示在HTML空画布上的按钮，当您单击该按钮时，它将+ 1添加到变量上。顺便说一下，我在html中制作这个javascript代码，所以基本上在一个文本文件中，然后我将其保存为html文件。此外，请尽量保持代码简单。:)

Answer 1

您可以从HTML中获取按钮并添加click事件侦听器。你可以在这里做进一步阅读。

let button = document.getElementById("increment");
let count = 0;
button.addEventListener("click", function() {
count++;
button.innerText = `The Button has been clicked ${count} times.`
});

<button id="increment">The Button has not been clicked yet.</button>