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

<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);
    })
})

猜你喜欢

转载自www.cnblogs.com/jwzhang/p/12113128.html