分别切换多个按钮的背景色

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>
<button id="button3">按钮3</button>

#button1 {
  background-color: red;
}

#button2 {
  background-color: green;
}

#button3 {
  background-color: blue;
}

// 获取按钮元素
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
var button3 = document.getElementById("button3");

// 定义按钮点击事件处理函数
function changeBackgroundColor(button) {
  // 切换按钮的背景色
  if (button.style.backgroundColor === "red") {
    button.style.backgroundColor = "yellow";
  } else {
    button.style.backgroundColor = "red";
  }
}

// 绑定按钮点击事件
button1.addEventListener("click", function() {
  changeBackgroundColor(button1);
});

button2.addEventListener("click", function() {
  changeBackgroundColor(button2);
});

button3.addEventListener("click", function() {
  changeBackgroundColor(button3);
});