问题描述
根据下面的 HTML 代码编写 JavaScript 代码,实现按 myButton 点击次数加1,通过 更新 clickCount 的数值来显示点击次数,按 deactivate 按钮停止计数。
HTML 代码:
<html>
<head>
</head>
<body>
<button id="myButton">Click me!</button>
<p>You clicked on the button <span id="clickCount">0</span> times</p>
<button id="deactivate">Deactivate counting</button> </body>
</html>
页面显示效果:
解决方法
我的方法:
// Write-Your-Code-Here
const buttonElement=document.getElementById("myButton");
let times=0;
const addTimes=()=>
{
times+=1;
document.getElementById("clickCount").textContent=times;
}
buttonElement.addEventListener("click",addTimes);
document.getElementById("deactivate").addEventListener("click",e=>{
buttonElement.removeEventListener("click",addTimes);
});
官方的答案:
const click = () => {
const clickCountElement = document.getElementById("clickCount");
const clickCount = Number(clickCountElement.textContent);
clickCountElement.textContent = clickCount + 1;
};
document.getElementById("myButton").addEventListener("click", click);
document.getElementById("deactivate").addEventListener("click", () => {
document.getElementById("myButton").removeEventListener("click", click);
});