Возможен ли JavaScript addEventListener к изображениям? Невозможно нажать на изображение, чтобы добавить его в корзину ⇐ Javascript

[Anonymous]

Я все еще пишу это, но сейчас у меня спад. Это может быть вопрос для новичков, но есть ли способ щелкнуть само изображение? Я надеялся включить его в качестве функции веб-сайта электронной коммерции [добавить в корзину]. Однако предупреждение появляется только тогда, когда я нажимаю за пределами изображения, а не на самом изображении. Будем очень признательны за любые советы и предложения!
let listProductHTML = document.querySelector('.ProductContainer');

let listProduct = [];

const addProductToHTML = () => {
listProductHTML.innerHTML = '';
if(listProduct.length > 0){
listProduct.forEach(Product => {
let newProduct = document.createElement('div');
newProduct.classList.add('iconProduct');
newProduct.dataset.id = Product.id;
newProduct.innerHTML = `

${Product.name}
`;
listProductHTML.appendChild(newProduct);
})
}
}

listProductHTML.addEventListener('click', (event) => {
let positionClick = event.target;
let Product_id = positionClick.dataset.id;
if(positionClick.classList.contains('iconProduct')){
let Product_id = positionClick.dataset.id;
alert(Product_id);
}

//I am unable to move forward at this point

})

const initApp = () => {
//get data from json
fetch('Products.json')
.then(response => response.json())
.then(data => {
listProduct = data;
addProductToHTML();
})
}
initApp();


Подробнее здесь: https://stackoverflow.com/questions/798 ... an-image-t