通过单击两个单独的按钮来更改css两次？

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

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

// 监听按钮1的点击事件
button1.addEventListener("click", function() {
  // 更改CSS样式
  document.body.style.backgroundColor = "red";
});

// 监听按钮2的点击事件
button2.addEventListener("click", function() {
  // 更改CSS样式
  document.body.style.backgroundColor = "blue";
});