Untitled

<!DOCTYPE html>
<html>
<head>
<title>MouseGame</title>
</head>
<body>
    <p id = body></p>
<script>
    var canvas = document.createElement('canvas');
    canvas.width = 800;
    canvas.height = 600;
    document.body.appendChild(canvas);

   document.addEventListener('mousemove',function(event){

                var similarX = event.clientX;
                var similarY = event.clientY;
       document.getElementById('body').innerHTML = "x:" + similarX + ", y:" + similarY;
   })
var square = new Image();
square.src = 'square.png';

    window.addEventListener('load' , start);

var c = canvas.getContext('2d');
function start() {
c.fillStyle = 'green';
c.fillRect = 10, 10, 30, 30;
c.drawImage(square,similarX , similarY);
    }
document.body.appendChild(canvas);
</script>
</body>
</html>