js四个盒子，点击1变色，点击2变色1回复原来的颜色

可以通过以下步骤实现：

1. 在 HTML 中创建两个盒子，每个盒子一个唯一的 ID。

<div id="box1"></div>
<div id="box2"></div>

2. 在 CSS 中设置盒子的样式和默认颜色。

div {
  width: 100px;
  height: 100px;
  background-color: gray;
  margin: 10px;
  display: inline-block;
}

3. 在 JavaScript 中，使用事件监听器为每个盒子添加点击事件。当点击第一个盒子时，将该盒子的背景色更改为指定颜色。当点击第二个盒子时，将第一个盒子的背景色更改为默认颜色。

const box1 = document.querySelector('#box1');
const box2 = document.querySelector('#box2');

box1.addEventListener('click', () => {
  box1.style.backgroundColor = 'red';
});

box2.addEventListener('click', () => {
  box1.style.backgroundColor = 'gray';
});

这样，当你点击第一个盒子时，该盒子的颜色会变为红色。当你点击第二个盒子时，第一个盒子的颜色会变为灰色。