javascript - 如何添加一个计数器来显示 div 元素被点击了多少次？

Question

我正在为个人元素创建一个基本网站。我在代码中也有一个 div 元素。当用户单击这个特定的 div 元素时，我希望站点在 div 元素旁边显示一个计数器来计算它被单击的次数。我不需要在其他任何地方保存它被点击了多少次。这对 JS 可行吗？我该怎么做？

我对 Javascript 了解不多，所以我不知道到底要尝试什么。

我想在元素旁边有一个基本的计数器来计算它被计数了多少次。同样，不需要在服务器上保存任何内容。此外，我不担心用户可以点击 div 元素多少次并添加另一个数字。

Answer 1

首先你需要一个计数器来存储点击次数

let clicks = 0;

然后您需要使用以下方法在 DOM 中找到您的 div

document.getElementById() // or
document.getElemenyByClass() // or similar

查找您的 div 的示例是

my_div = document.getElementById("click_div");

然后你需要添加一个Event listener到div

像这样

my_div.addEventListener("click", function(){
  // add code here that increases the /clicks/ variable
});