如何动态操作css，让div在点击div时移动？

<div id="myDiv">点击我移动</div>

#myDiv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background-color: red;
}

var myDiv = document.getElementById("myDiv");

myDiv.addEventListener("click", function() {
  // 生成随机的left和top值
  var left = Math.floor(Math.random() * window.innerWidth);
  var top = Math.floor(Math.random() * window.innerHeight);
  
  // 设置div的新位置
  myDiv.style.left = left + "px";
  myDiv.style.top = top + "px";
});