Javascript 如何计算按钮以外的元素上的点击次数？

我在页脚部分有一个空框，它位于div中

<footer>
<div>
</div>
</footer>

---

我想用javascript编写一个函数，计算div中的点击次数，并显示同一div中的点击次数。我想知道如何在不接触html的情况下实现这一点。我已经看到了如何通过按钮实现这一点，但是如何通过div实现这一点呢？谢谢

如果您不想添加任何ID或类，请使用.querySelector

var elem=document.querySelector（'footer div'）；
设countClicks=0；
elem.onclick=function（）{
countClicks++；
elem.textContent=countClicks
};
div{
填充：10px；
背景#339900；
颜色：#fff；
字体大小：44px；
}


var root=document.getElementById（'root'）；
root.onclick=function（）{
var elem=document.getElementById（'count'）；
elem.innerHTML=+elem.innerText+1；
};
#计数{
字体大小：40px；
字体大小：粗体；
}

点击这里
以下是解决方案


constdiv=document.querySelector（'footer>div'）；
div.addEventListener（'单击'，（）=>{
const previousValue=Number.parseInt（div.innerText | | 0）；
div.innerText=上一个值+1；
});
footer div{
宽度：100px；
高度：100px；
背景：#ccc；
}

与按钮的操作方法相同。只需将click event listener添加到div中。您必须了解JS中的事件如果div为空，他们将如何单击它？该按钮只不过是一个div，其中嵌入了一些事件，但我不允许触摸修改div