如何修复循环中的onclick

Question

我正在尝试循环一个HTMLCollection，我想在每个元素中添加一个onclick事件。

for(var page of pages){
page.onclick = () => {
console.log(count)
}
count += 1
}

问题是，当我点击按钮时，它只显示最后计数的数字(5(，而实际上没有显示计数的元素。如何修复？谢谢

Answer 1

一种方法是使用for循环。

for (let count = 0; count < pages.length; count++) {
pages[count].onclick = () => {
console.log(count)
}  
}

Answer 2

for(var page of pages){
page.onclick = () => {
console.log(count++)
}
}

我想这就是你想要的？点击后增加？并且不在for循环中