如何提供单个按钮处理程序对象

<button id="myButton">点击按钮</button>

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
  // 在这里编写按钮点击事件的处理逻辑
});

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
  // 修改页面显示
  var element = document.getElementById("myElement");
  element.innerHTML = "按钮被点击了！";

  // 发送AJAX请求
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "https://api.example.com/data", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      // 处理返回的数据
    }
  };
  xhr.send();

  // 执行一系列计算
  var result = 2 + 2;
  console.log(result);
});