Javascript 为什么不是'；t按钮工作吗？（检查console.log）

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

我检查了js文件是否被正确调用，但是按钮不起作用。如果单击该按钮，应显示控制台.log（'clicked'），但它不起作用

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

console.log（“storejs”）
window.onload=（）=>{
var removeCartItemButtons=document.getElementsByClassName（'btn-danger'）；
console.log（RemovePartItemButtons）
对于（var i=0；i

这看起来像这样：它有几种解决问题的方法

---

本质上，由于

addEventListener

中的函数是异步的，因此它只能在循环完成后运行。

它似乎适合我。在一个空白页面上，我将给出的JS放入

元素中，并使用class

btn danger

向主体添加两个按钮。当我点击它们时，我得到了预期的控制台日志，可以确保没有透明元素覆盖按钮hanks@Dcdanny，问题是其他按钮正在工作，似乎被正确点击。但是，当我单击此按钮删除文章（类名为btn danger）时，看起来好像单击了其他位置（即使我单击了此按钮）