创建在事件发生时添加1的javascript变量

背景：我正在帮助我的朋友创建一个类似政治笑话的网站

我需要它在每次触发onmouseover事件时向变量添加1

hoverCounter=0
使用事件委派并检查悬停的元素是否为图像


var计数=0；
addEventListener（“鼠标悬停”，函数（e）{
如果（e.target.tagName==“IMG”）{
计数++；
}
控制台日志（计数）；
})
它是否应该仅在图像触发
鼠标悬停事件或任何其他元素时增加？每一张图片还是一张特定的图片？它是否应该分别为每个图像递增？您是否考虑过改用
mouseenter
事件？你有没有试过通过活动授权这样做？
<img id="someImage1" src="http://via.placeholder.com/350x150" >
<img id="someImage2" src="http://via.placeholder.com/350x150" >

<br/>
Hover Count:
<input id="countDisplay" type="text"/>

 // Initial count
   var hoverCount = 0;

   // Function to increment
   function onHovered(event){
    hoverCount++;
     document.getElementById('countDisplay').value = hoverCount;
   }

   // Bind events
   document.getElementById('someImage1').onmouseover = onHovered;
    document.getElementById('someImage2').onmouseover = onHovered;