页面上有这样的一个按钮<button type="button"><button>和一个<divclass="box”></div>，div 的初始背景颜色是红色，使用 个布尔变量用原生is实现点击按钮让div 的背景红色和蓝色进行无限次的交替变换

HTML代码:

<button type="button" id="btn">点击切换颜色</button>
<div class="box"></div>

CSS代码:

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

JavaScript代码:

const btn = document.getElementById('btn');
const box = document.querySelector('.box');
let isBlue = false;

btn.addEventListener('click', function() {
  if (isBlue) {
    box.style.backgroundColor = 'red';
    isBlue = false;
  } else {
    box.style.backgroundColor = 'blue';
    isBlue = true;
  }
});