首页 > 其他 > 详细

Map应用实例(统计每个button的点击次数)

时间:2019-12-28 23:45:01      阅读:109      评论:0      收藏:0      [点我收藏+]
<h1 class="heading">
    <button>fire</button>
    <button>Dancer</button>
    <button>Ice Cream</button>
    <button>Hamburger</button>
    <button>Fish</button>
</h1>
// Map 统计button点击每个按钮的次数

const clickCounts = new Map();
const buttons = document.querySelectorAll(‘button‘);
buttons.forEach(button => {
    clickCounts.set(button,0)
    button.addEventListener(‘click‘,function(){
        const val = clickCounts.get(this)
        
        clickCounts.set(this,val+1)
        console.log(clickCounts);
    })
})

Map应用实例(统计每个button的点击次数)

原文:https://www.cnblogs.com/jwzhang/p/12113128.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!