87,996
社区成员
发帖
与我相关
我的任务
分享<!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
```

给每个按钮定义一个计数变量,在用户点击按钮时,相应的计数变量做一个自加,然后再把这些输出就行
声明一个全局变量,给每个按钮加一个点击计数的事件,将每一次的点击次数赋值给全局变量
给每个按钮加一个点击计数的事件。