如何在按下按钮时对界面进行更改

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

document.getElementById("myButton").addEventListener("click", function() {
  // 在这里编写对界面进行更改的代码
});

document.getElementById("myElement").innerText = "新的文本内容";

document.getElementById("myElement").style.color = "red";

var newElement = document.createElement("div");
newElement.innerText = "新的元素";
document.body.appendChild(newElement);

var oldElement = document.getElementById("myElement");
document.body.removeChild(oldElement);

fetch("https://api.example.com/data")
  .then(response => response.json())
  .then(data => {
    // 根据返回的数据更新界面
  })
  .catch(error => {
    console.error("请求失败:", error);
  });