如何制作更改值和文本的按钮

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

#myButton {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

// 获取按钮元素
var button = document.getElementById("myButton");

// 添加点击事件监听器
button.addEventListener("click", function() {
  // 更改值
  button.value = "新的值";
  
  // 更改文本
  button.innerHTML = "新的文本";
});