写一个按钮，三个盒子，点击按钮时盒子背景颜色都变成蓝色

好的，以下是一个简单的实现：

HTML代码：

<button id="change-color-btn">点击我改变盒子颜色</button>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS代码：

.box {
  width: 100px;
  height: 100px;
  background-color: red;
  margin: 10px;
}

.blue {
  background-color: blue;
}

JavaScript代码：

const btn = document.getElementById('change-color-btn');
const boxes = document.querySelectorAll('.box');

btn.addEventListener('click', () => {
  boxes.forEach(box => box.classList.add('blue'));
});

当点击按钮时，JavaScript代码会为每个盒子添加 `blue` 类，使它们的背景颜色变为蓝色。