如何在此墙添加物体碰撞？

Question

我编写了这段代码：https://code.sololearn.com/W3i7v2LuHhoB，但是我无法使对象碰撞起作用。我搜索了很多论坛，YouTube等，但仍然找不到。

var rightArrow = 0;

function leftArrowPressed() {
  var element = document.getElementById("image1");
  element.style.left = parseInt(element.style.left) - 5 + 'px';
}

function rightArrowPressed() {
  if (rightArrow === 0)
    var element = document.getElementById("image1");
  element.style.left = parseInt(element.style.left) + 5 + 'px';
}

function upArrowPressed() {
  var element = document.getElementById("image1");
  element.style.top = parseInt(element.style.top) - 5 + 'px';
}

function downArrowPressed() {
  var element = document.getElementById("image1");
  element.style.top = parseInt(element.style.top) + 5 + 'px';
}

function moveSelection(evt) {
  switch (evt.keyCode) {
    case 37:
      leftArrowPressed();
      break;
    case 39:
      rightArrowPressed();
      break;
    case 38:
      upArrowPressed();
      break;
    case 40:
      downArrowPressed();
      break;
  }
};

我没有任何错误。