如何防止在创建标签时使用onclick？

var element = document.getElementById("myButton");
element.addEventListener("click", myFunction);

function myFunction() {
  // 处理点击事件的代码
}

<button id="myButton">点击我</button>
<script src="script.js"></script>

var element = document.getElementById("myButton");
element.addEventListener("click", myFunction);

function myFunction() {
  // 处理点击事件的代码
}

<ul id="myList">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

<script>
var list = document.getElementById("myList");
list.addEventListener("click", function(event) {
  if (event.target.tagName === "LI") {
    // 处理点击事件的代码
  }
});
</script>