Question

我正在尝试跟踪我网站上某个按钮的点击次数。我尝试添加以下内容但没有成功。我是 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);

Answer 1

你做错了：

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

还有一些给你的提示：

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

做这些改变，它一定会起作用！

更新：

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

Answer 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>

Answer 3

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

如何跟踪按钮的点击次数？

3 个答案: