如何在点击时将一种颜色设置为红色，而不设置另一种颜色？

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

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

// 给按钮添加点击事件监听
button1.addEventListener("click", function() {
  // 设置按钮1的颜色为红色
  button1.style.color = "red";
  // 清除按钮2的颜色设置
  button2.style.color = "";
});

button2.addEventListener("click", function() {
  // 设置按钮2的颜色为红色
  button2.style.color = "red";
  // 清除按钮1的颜色设置
  button1.style.color = "";
});