Почему это не работает? толкая поле с помощью указателя мыши
Я новичок в Javascript и пытаюсь создать простой скрипт, который выдвигает окно с помощью указателя мыши. Но, к сожалению, по какой-то причине это не работает, я надеюсь, что вы, ребята, сможете мне помочь.
(этот скрипт действительно примитивен, только до сих пор сдвигает окно слева).
index.html :
<html>
<head>
<title>Chase the box</title>
<style>
body {
}
.css-box{
width : 100px;
height : 100px;
margin : auto;
background-color : blue;
}
</style>
</head>
<body>
<div id="box" class="css-box"></div>
<script type="text/javascript" src="script.js"></script>
</body>
script.js :
var box = document.getElementById("box");
var pushBox = function(e){
if(e.pageX == box.offsetLeft){
box.style.left = box.style.left + 1 + "px";
}
};
document.addEventListener("mousemove" , pushBox);