Estoy codificando una aplicación simple para agregar elementos a una bolsa de compras para estudiar Javascript. Sin embargo, mi código js no se registró cuando se hizo clic en el elemento, no se imprime en la consola.
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>Suponiendo que LitsaFrutas esté definida en otro lugar, debe reemplazar "onClick" con "click".
addEventListener("click", handlerClick);Ver también: Diferencia entre "clic" y onclick