js推箱子小游戏

// 假设箱子元素和空地的元素都有相应的类名
const box = document.querySelector('.box');
const emptySpace = document.querySelector('.empty-space');

function moveBox(direction) {
  const boxRect = box.getBoundingClientRect();
  let newTop, newLeft;

  switch (direction) {
    case 'up':
      newTop = boxRect.top - 50;
      newLeft = boxRect.left;
      break;
    case 'down':
      newTop = boxRect.top + 50;
      newLeft = boxRect.left;
      break;
    case 'left':
      newTop = boxRect.top;
      newLeft = boxRect.left - 50;
      break;
    case 'right':
      newTop = boxRect.top;
      newLeft = boxRect.left + 50;
      break;
  }

  // 检查新位置是否为空地
  if (isEmptySpace(newTop, newLeft)) {
    box.style.top = newTop + 'px';
    box.style.left = newLeft + 'px';
    emptySpace.style.top = boxRect.top + 'px';
    emptySpace.style.left = boxRect.left + 'px';
  }
}

function isEmptySpace(top, left) {
  // 实现判断指定位置是否为空地的逻辑
  // 返回 true 或 false
}