为什么按钮不工作？(检查控制台.log)

Question

使用framework7，我想在我的应用程序上创建一个购物车视图。

我检查了js文件是否正确调用，但按钮不工作。如果我点击按钮，console.log('clicked')应该显示，但它不工作。

https://github.com/hahmmj/IPP20201_HALFSTACK

Javascript代码:

console.log("storejs")
window.onload = () => {
var removeCartItemButtons = document.getElementsByClassName('btn-danger');
console.log(removeCartItemButtons)
for (var i = 0; i < removeCartItemButtons.length; i++){
var button = removeCartItemButtons[i]
button.addEventListener('click', function(){
console.log('clicked')
})
}
}

Answer 1

这看起来像这样:JavaScript闭包内循环-简单的实际例子，有几个解决你的问题的方法。

本质上，由于addEventListener中的函数是异步的，它只在循环完成后运行。