使图像跳转到屏幕上的随机点，并循环x10？HTML和javascript

这就是我到目前为止所做的，它使我的红色圆圈出现，然后单击时，它从屏幕左上角移动到坐标x，y（300，800）

身体
{
背景色：#000080；
}
h1
{
鼠标点击游戏
左键点击点！




函数red_circleClick（）
{
var red_circle=document.getElementById（'red_circle'）；
红色圆圈。隐藏=真；
红色_circle.style.top=300+“px”；
红色_circle.style.left=800+“px”；
红色圆圈。隐藏=假；
}

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

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

圆圈是否可能出现在当前屏幕之外的某个位置？如x，y（1000，1000）

找到此代码，只是没有100%了解如何/在何处插入它

<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();"
 }

函数更改img（）
{
var x=Math.floor（Math.random（）*300）；
var y=Math.floor（Math.random（）*300）；
var obj=document.getElementById（“情感”）；
obj.style.top=x+“px”；
obj.style.left=y+“px”；
obj.onclick=“changeImg（）；”
}

新到足以支持Javascript和html

---

非常感谢您提前提供的帮助！

每当您单击点时，此函数都会运行

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;

}

你所要做的就是随机化你的数字

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

用chrome或其他工具打开控制台，运行

Math.random（）

，然后尝试

Math.floor（.1433）

然后可能

Math.floor（.019231*100）

看看你能得到什么。用你想到的任何东西替换300和800

---

至于让它停10次，只需使用if语句和计数器。

这看起来像是一个家庭作业。你打算在什么地方实现它吗？令人兴奋的是在哪里？我建议你在什么地方学习html和Js，而不是让别人写解决方案。不，你不能走出浏览器窗口。。。

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