MOVE THE MOUSE OVER THE CANVAS
<script>
var canvas;
var context;
// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start here
function init() {
canvas = document.getElementById("myCanvas");
context = canvas.getContext("2d");
createSquare();
}
function redraw() {
context.clearRect(0,0,canvas.width, canvas.height);
createSquare();
}
function createSquare() {
var x = Math.random() * canvas.width;
var y = Math.random() * canvas.height;
context.fillRect(x,y,100,100);
}
// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end here
</script>
<body onload="init();" >
<canvas id="myCanvas" width="800" height="300" onmousemove="redraw();"></canvas>