html图片屏幕随机出现,使图像跳转到屏幕上的随机点，并循环x10？ HTML和JavaScript...

这是我迄今为止，它使我的红色圆圈出现，然后当点击它从屏幕的左上角移动到座标X，Y(300，800)使图像跳转到屏幕上的随机点，并循环x10？ HTML和JavaScript

body

{

background-color:#000080;

}

h1

{

Mouse click game

Left click on the dots!

function red_circleClick()

{

var red_circle = document.getElementById('red_circle');

red_circle.hidden = true;

red_circle.style.top = 300 + "px";

red_circle.style.left = 800 + "px";

red_circle.hidden = false;

}

我需要做的是移动到屏幕上的一个随机点，并做10次。

所以我需要它出现，用户点击它。当他们点击它跳到屏幕上的另一个点。当他们再次点击它的新位置时，它会跳转到屏幕上的新位置，并重复一定次数(10)

圆圈可能出现在当前屏幕之外的位置吗？像x，y(1000,1000)

找到这个代码，只是不是100％如何/在哪里插入它。

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.οnclick= "changeImg();"

}

新足以Javascript和HTML！

非常感谢您的帮助！

+0

这可疑看起来像一个家庭作业。 –

+0

你打算在什么地方实施它吗？令人兴奋的是在哪里？ –

+0

我建议你在某处学习HTML和Js，而不是通过其他人写的解决方案 –