当球接触到顶部边框时，我如何添加提示“游戏结束”的提示框？

<div id="gameOverBox"></div>

#gameOverBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f00;
  color: #fff;
  padding: 10px;
  font-size: 24px;
  display: none;
}

// 获取提示框元素
var gameOverBox = document.getElementById("gameOverBox");

// 监听球与顶部边框的碰撞事件
function checkCollision() {
  // 碰撞检测逻辑
  if (ball.y <= 0) {
    // 显示提示框
    gameOverBox.style.display = "block";
    gameOverBox.innerHTML = "游戏结束";
  }
}

// 在游戏循环中调用碰撞检测函数
function gameLoop() {
  // 游戏逻辑
  checkCollision();
  // 其他游戏逻辑
}

// 示例中的代码只是一个简单的实现，实际情况中可能需要根据具体的游戏需求进行调整和扩展。