一个页面有20个按钮,统计每个按钮点击了多少次?

程序媛夏天
优质创作者: 前端开发技术领域
2022-01-05 10:49:05

一个页面有20个按钮,统计每个按钮点击了多少次?

求大佬解答

 

 

...全文
205 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
sun_web 2022-01-05
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn1">按钮1</button><button id="btn2">按钮2</button><button id="btn3">按钮3</button><button id="btn4">按钮4</button><button id="btn5">按钮5</button><button id="btn6">按钮6</button><button id="btn7">按钮7</button><button id="btn8">按钮8</button><button id="btn9">按钮9</button><button id="btn10">按钮10</button><button id="btn11">按钮11</button><button id="btn12">按钮12</button><button id="btn13">按钮13</button><button id="btn14">按钮14</button><button id="btn15">按钮15</button><button id="btn16">按钮16</button><button id="btn17">按钮17</button><button id="btn18">按钮18</button><button id="btn19">按钮19</button><button id="btn20">按钮20</button>
    <button id="all">每个按钮点击次数</button>
    <script>
        var obj = {}
        for (var i = 1; i <= 20; i++) {
            (function(j){
                var btn = document.getElementById('btn'+j)
                var num = obj[j] || 0
                btn.addEventListener('click', function(){
                    obj[j] = ++num
                })
            })(i)
        }
        document.getElementById('all').addEventListener('click', function() {
            console.log(obj);
        })
    </script>
</body>
</html>

```html


```

程序媛夏天 2022-01-06
  • 举报
回复
@sun_web 谢谢!
  • 打赏
  • 举报
回复

给每个按钮定义一个计数变量,在用户点击按钮时,相应的计数变量做一个自加,然后再把这些输出就行

鳕鱼&羚羊 2022-01-05
  • 打赏
  • 举报
回复 1

声明一个全局变量,给每个按钮加一个点击计数的事件,将每一次的点击次数赋值给全局变量

Rimifon 2022-01-05
  • 打赏
  • 举报
回复

给每个按钮加一个点击计数的事件。

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧