是否可以将点击事件添加到图像？

Question

我有一张图片，我希望它在单击时向UL添加一个列表项。它不起作用。

HTML和JavaScript如下：

const myList = document.querySelector('ul');
const imageClick = document.getElementById('test');

imageClick.addEventListener('click',() => {
  myList.innerHTML = '<li>This goes on the list</li>';
});

<ul class='list'>
</ul>

<img src ='imgs/test.jpeg' alt = 'an image' 
id='test'>

我将创建一个JSFiddle，但是我不确定如何添加虚拟图像并显示任何可以更好地解释它的值。