按下按钮统计点击量
按下按钮统计点击量
提问于 2020-03-06 19:39:52
我对为项目编码和使用Lab.JS是个新手。我有一个按钮，当按下时，它会计算点击次数，然后将其记录在控制台中。重要的是，当按钮被按下时，点击次数不会显示在屏幕上，而是隐藏在远离按下按钮的人的地方。我只希望点击量被计算在内，但我不确定如何修复代码iAny帮助将不胜感激。
var clicks = 0;
trigger = function() {
clicks += 1;
document.getElementById("trigger").innerHTML = clicks;
}
console.log(clicks)<button class="trigger" id="trigger" onclick="trigger()">SUBMIT</button>
回答 3
Stack Overflow用户
回答已采纳
发布于 2020-03-06 20:08:30
如果您不想拥有全局clicks变量，可以将其封装在函数本身中，并返回一个closure。
// Default `clicks` to zero
function trigger(clicks = 0) {
// Return a new function that increases
// the click count
return function () {
console.log(++clicks);
}
}
// Call trigger and assign the returned function
// to a new variable called counter
const counter = trigger();
// Move the inline `onclick` listener to the JS
// Call `counter` when the button is clicked
const button = document.querySelector('.trigger');
button.addEventListener('click', counter, false);<button class="trigger">SUBMIT</button>
Stack Overflow用户
发布于 2020-03-06 19:54:07
请尝试此代码。
<body>
<button onclick="trigger()">Click Me</button>
<script>
// Initiate a global variable a
var a = 0;
function trigger() {
a++;
console.log(a);
}
</script>
</body>只要您将变量设置为全局变量。它值将只为该页面保存，直到用户关闭该页面或选项卡。
Stack Overflow用户
发布于 2020-03-06 20:00:11
您可以添加一个新的div并使用count like更新它，而不是更新按钮的HTML：
var clicks = 0;
trigger = function() {
clicks += 1;
document.getElementById("display").innerHTML = clicks;
}#display {
padding: 20px;
margin: 10px;
font-size: 2rem;
}<div id="display">0</div>
<button class="trigger" id="trigger" onclick="trigger()">SUBMIT</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60563352
复制相关文章
相似问题
腾讯云开发者
