如何跟踪按钮的点击？答案

【问题标题】：How to track clicks of a button?如何跟踪按钮的点击？
【发布时间】：2021-02-11 20:08:20
【问题描述】：

我正在尝试跟踪我网站上某个按钮的点击次数。我尝试添加以下内容，但没有成功。我是 JS 的菜鸟..

function trackButton(e) {
    onPage.innerHTML = ++i;
}

var i = 0;
var onPage = document.getElementById(‘track’);
var clickCount = document.getElementById(‘bttn’);
clickCount.addEventListener('click', function (e) {
    addOne(e);
}, false);

【问题讨论】：

尝试用trackButton(e)替换addOne(e)
修复你的单引号.... ‘ 和 ’ 在 JS 中不起作用。

标签： javascript button addeventlistener tracking event-listener

【解决方案1】：

你犯了一些错误：

函数addOne不存在，是trackbutton
增加一个值是 i++，而不是 ++i

还有一些提示：

对变量使用 let 和 const (ES6)，而不是 var
而且事件的e在这里没用，你没用，所以这里不是强制的

做这些改变，它必须工作！

更新：

要增加一个值 ++i 有效，请参阅documentation
用 " " 或 ' ' 更改引号 ''。
像这样：document.getElementById(‘track‘) 到 document.getElementById('track')

【讨论】：

++i 有效，可能是原始海报的意图。见this documentation。

【解决方案2】：

我正在检查您的代码，它几乎没问题，我认为问题出在您的 addOne 函数中，这是解决问题的一种方法。我在 html 中创建了按钮和段落元素，在 javascript 中创建了一个变量 n，我们将在其中存储用户所做的点击，并在按钮事件中调用函数时递增 n

var n = 0;
var button = document.getElementById('track');
button.addEventListener('click', trakeo);

var texto = document.getElementById('number');

function trakeo(){
  n++
  texto.innerHTML = n;
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>A Great Demo on CodePen</title>
</head>
<body>
  <button id="track">Button</button>
  <p id="number"></p>
</body>
</html>

【讨论】：

【解决方案3】：

尝试使用 addEventListener('点击',) https://www.w3schools.com/jsref/met_element_addeventlistener.asp

【讨论】：