如何让一个矩形在第一次和第二次击球时改变颜色，然后在第三次击球时消失？

<div id="rectangle"></div>

// 获取矩形元素
var rectangle = document.getElementById("rectangle");

// 设置击球计数器
var hitCount = 0;

// 监听击球事件
rectangle.addEventListener("click", function() {
  // 每次击球事件发生时，增加计数器的值
  hitCount++;

  // 根据击球计数器的值来执行相应的操作
  if (hitCount === 1 || hitCount === 2) {
    // 第一次和第二次击球时，改变矩形的颜色
    rectangle.style.backgroundColor = "red";
  } else if (hitCount === 3) {
    // 第三次击球时，隐藏矩形
    rectangle.style.display = "none";
  }
});