midnightrose
New Member
I am attempting to make a image move randomly using plain javascript.Upon the event onclick the image location should move according to the random number that is generated.Here is my code:\[code\]<html><head><title> Move Image </title><style type="text/css">#smiley { position: relative; top: 0px; left: 0px; }</style><script type="text/javascript">function changeImg(){var x = Math.floor(Math.random()*300);var y = Math.floor(Math.random()*300);var obj = document.getElementById("emotion");obj.style.top = x + "px";obj.style.left = y + "px"; obj.onclick= "changeImg();" }</script></head><body><img id="emotion" src="http://www.google.com/images/srpr/logo4w.png" width="42" height="42"></body></html>\[/code\]Any idea?Thank you!