写一个前端代码，使div能移动

以下是一个使用 JavaScript 和 CSS 实现的移动 div 的代码示例：

HTML:

<div id="box">移动的 div</div>

CSS:

#box {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  position: absolute;
}

JavaScript:

const box = document.getElementById("box");
let x = 0, y = 0;

document.addEventListener("keydown", function(event) {
  switch (event.key) {
    case "ArrowUp":
      y -= 10;
      break;
    case "ArrowDown":
      y += 10;
      break;
    case "ArrowLeft":
      x -= 10;
      break;
    case "ArrowRight":
      x += 10;
      break;
  }
  box.style.top = y + "px";
  box.style.left = x + "px";
});

这段代码实现了通过键盘上下左右键来控制 div 的移动。