JavaScript：编码挑战：计算按钮点击次数

最新推荐文章于 2024-04-26 16:47:03 发布

kllo__

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量3.6k

点赞数

分类专栏： javascript 文章标签： javascript html p2p

本文链接：https://blog.csdn.net/kllo__/article/details/122940986

版权

javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

问题描述

根据下面的 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);
});

kllo__

关注

0
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
JavaScript：编码挑战：计算按钮点击次数

问题描述根据下面的 HTML 代码编写 JavaScript 代码，实现按 myButton 点击次数加1，通过更新 clickCount 的数值来显示点击次数，按 deactivate 按钮停止计数。HTML 代码：<html> <head> </head> <body> <button id="myButton">Click me!</button> <p>You clicked on the
复制链接

扫一扫