如何在div的内容上调用Javascript函数？

<div onclick="myFunction()">点击这里调用函数</div>

<div id="myDiv">点击这里调用函数</div>
<script>
    document.getElementById("myDiv").addEventListener("click", myFunction);
    function myFunction() {
        // 执行相应的操作
    }
</script>

<div id="myDiv">点击这里调用函数</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $("#myDiv").click(function() {
        // 执行相应的操作
    });
</script>