我的活动中有两个按钮，单击这两个按钮应该会取消突出显示另一个按钮

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

// 获取按钮的引用
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");

// 添加点击事件监听器
button1.addEventListener("click", function() {
  button2.style.outline = "none"; // 取消按钮2的突出显示效果
});

button2.addEventListener("click", function() {
  button1.style.outline = "none"; // 取消按钮1的突出显示效果
});