如何在JavaScript函数中创建对按钮的引用以避免重复？

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

function myFunction() {
  var button = document.getElementById("myButton");
  // 在这里可以使用button对象进行操作
}

function myFunction() {
  var button = document.getElementById("myButton");
  
  // 添加点击事件监听器
  button.addEventListener("click", function() {
    // 点击按钮时执行的代码
  });
  
  // 修改按钮的样式
  button.style.backgroundColor = "red";
  
  // 修改按钮的内容
  button.innerHTML = "新的按钮文本";
}