如何更改按钮的onclick属性所指的功能？

Question

这是我的代码:

function changeText() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
  document.getElementById("myButton").innerHTML = "Change that back";
  document.getElementById("myButton").onclick = "changeBack()";
}

function changeBack() {
  document.getElementById("myHeader").innerHTML = "Hello World!";
  document.getElementById("myButton").innerHTML = "Change text";
  document.getElementById("myButton").onclick = "changeText()";
}

<script src="script.js"></script>

<h1 id="myHeader">Hello World!</h1>
<button id="myButton" ; onclick="changeText()">Change text</button>

我的目标是按钮在两个函数和文本状态之间来回切换,但所有发生的事情是它第一次切换文本然后它不再做任何事情.我想知道如何才能正确地改变按钮所指的功能.

Answer 1

简单,设置功能本身.

document.getElementById("myButton").onclick = changeText;
...
document.getElementById("myButton").onclick = changeBack;