如何在不同的按钮之间切换className

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

.active {
  background-color: blue;
  color: white;
}

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

// 给按钮添加点击事件
button1.addEventListener("click", function() {
  // 切换className
  button1.classList.toggle("active");
  button2.classList.toggle("active");
});

button2.addEventListener("click", function() {
  // 切换className
  button1.classList.toggle("active");
  button2.classList.toggle("active");
});