javascript - 如何在单击事件触发时将变量加一

Question

我是 Javascript 新手，我想构建一个基本程序，每当用户单击按钮或链接时，该程序就会显示并加一。例如，当单击触发事件时。计数器应显示 1。然后，当用户单击我放置事件监听器的任何位置时；计数器应显示 2。等等

function addByOne(e) {
 var i = 0;
 if (e = true) {
   elMsg.innerHTML = ++i;
 }
}

var elMsg = document.getElementById('count');
var el = document.getElementById('selection');
el.addEventListener('click', function (e) {
  addByOne(e);
}, false);

我的代码的底部是我添加到 HTML 中的事件监听器。但我最担心的是我的代码的顶部部分。每当我单击一个元素以使事件触发时，它只会显示零。它不会从那里增加 1。

Answer 1

如果您在 addByOne 方法中声明 i = 0，则每次点击时都会将其初始化为 0。它应该在函数外部声明。此外，e = true 将覆盖传递给事件处理程序的事件对象。

function addByOne(e) {
    elMsg.innerHTML = ++i;
}

var i = 0;
var elMsg = document.getElementById('count');
var el = document.getElementById('selection');
el.addEventListener('click', function (e) {
    addByOne(e);
}, false);