色の変更方法: ボタンを使用します。

Question

この関数で記述するコードの行数を減らす方法はありますか?いずれかのボタンを押すと、2 つの色が切り替わるようにします。関数 green() は red の正反対です。

<code><h1 id="header">赤または緑</h1>
<button id="redButton" onclick="red()">red</button>
<button id="greenButton" onclick="green()">green</button>
</code>

function red() {
  document.getElementById("header").innerHTML = "red"
  document.getElementById('header').style.color = "赤"
  document.getElementById('redButton').style.color = "白"
  document.getElementById('redButton').style.backgroundColor = "赤"
  document.getElementById('greenButton').style.color = "black"
  document.getElementById('greenButton').style.backgroundColor = "グレー"
}

Answer 1

リーリー リーリー リーリー