改變顏色的方法：使用按鈕

Question

有沒有辦法讓我在這個函數中寫更少的程式碼行？我希望當你按下其中一個按鈕時，它會在兩種顏色之間切換。函數green()是red的完全相反。

<code><h1 id="header">紅色還是綠色</h1>
<button id="redButton" onclick="red()">紅</button>
<button id="greenButton" onclick="green()">綠色</button>
</code>

function red() {
  document.getElementById("header").innerHTML = "紅"
  document.getElementById('header').style.color = "red"
  document.getElementById('redButton').style.color = "white"
  document.getElementById('redButton').style.backgroundColor = "red"
  document.getElementById('greenButton').style.color = "black"
  document.getElementById('greenButton').style.backgroundColor = "grey"
}

Answer 1

雷雷 雷雷 雷雷