addeventlistener( "onClick" ) 不起作用

Question

我正在编写一个简单的应用程序，将itens添加到购物袋中，以学习Javascript。然而，当点击元素时，我的js代码并没有注册，它也没有在控制台上打印。

window.onload = function() {
//your code here
const fruitList = [{
'fruit': 'Banana',
'price': 3.9
},
{
'fruit': 'Orange',
'price': 0.7
},
]
const product = document.getElementById('products')
ListaFrutas.map((n) => {
product.insertAdjacentHTML('afterbegin', '<li class="fruits">' + n.fruit + '</li>');
})
const shoppingBag = []
const fruitproduct = document.querySelector('.fruits')
fruitproduct.addEventListener("onClick", handlerClick)
function handlerClick() {
console.log('it works')
}
}

<div id="content-produtos" class="flex" >
<ul id="produtos" >
</ul>
</div>

Answer 1

假设LitsaFrutas是在其他地方定义的，则应该替换"onClick"用"；点击"；。

addEventListener("click", handlerClick);

另见"；点击"；并点击