js，点击按钮后变色，其他按钮变回原来的颜色

可以使用 JavaScript 中的事件监听器，监听按钮的点击事件，然后利用 DOM 操作改变按钮的样式。以下是一个简单的代码示例：

HTML 代码：

<button id="btn1" class="btn">按钮1</button>
<button id="btn2" class="btn">按钮2</button>
<button id="btn3" class="btn">按钮3</button>

CSS 代码：

.btn {
  background-color: #ccc;
  color: #fff;
  padding: 10px;
}

.btn.active {
  background-color: #f00;
}

JavaScript 代码：

const buttons = document.querySelectorAll('.btn');

buttons.forEach(button => {
  button.addEventListener('click', () => {
    buttons.forEach(b => b.classList.remove('active'));
    button.classList.add('active');
  });
});

运行代码后，点击按钮会将其样式变为红色，其它按钮会变回原来的颜色。