如何跟蹤按鈕的點擊？

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

你犯了一些錯誤：

function addOne 不存在，它是 trackbutton
增加一個值是 i++，而不是 ++i

並為您提供一些提示：

對變量使用 let 和 const (ES6)，而不是 var
並且事件的e在這里沒用，你沒有使用它，所以這里不是強制性的

做這些改變，它必須工作！

更新：

要增加值 ++i 有效，請參閱文檔
用""或' '更改引號' '。
像這樣： document.getElementById('track')到document.getElementById('track')

Answer 2

我正在檢查您的代碼，它幾乎沒問題，我認為問題出在您的 addOne function 中，這是解決問題的一種方法。 我在 html 和 javascript 中創建了一個變量 n 中的按鈕和段落元素，我們將在其中存儲用戶所做的點擊，並且我們在 ZC1C425268E68385D1AB5074C17A94F14 中調用它時遞增 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('click',) https://www.w3schools.com/jsref/met_element_addeventlistener.asp

如何跟蹤按鈕的點擊？

問題描述

3 個解決方案

解決方案1
1 2021-02-11 20:24:13

解決方案2
0 2021-02-11 20:29:42

解決方案3
-2 2021-02-11 20:12:55

如何跟蹤按鈕的點擊？

問題描述

3 個解決方案

解決方案1 1 2021-02-11 20:24:13

解決方案2 0 2021-02-11 20:29:42

解決方案3 -2 2021-02-11 20:12:55

解決方案1
1 2021-02-11 20:24:13

解決方案2
0 2021-02-11 20:29:42

解決方案3
-2 2021-02-11 20:12:55