实现固定大小容器中有一个圆球，点击圆球后，圆球在容器中随机切换位置 script

实现固定大小容器中有一个圆球，点击圆球后，圆球在容器中随机切换位置，注意不要超出容器范围

这段脚本实现了在一个固定大小的容器中放置一个圆球，并且当点击圆球时，圆球会在容器内随机改变位置。需要注意的是，圆球不能超出容器的范围。

具体实现的步骤如下：

1. 首先，需要在HTML中创建一个容器元素，可以使用div元素，并设置其固定大小和位置。
2. 在JavaScript中，首先需要获取到容器元素和圆球元素，可以使用document.getElementById()方法来获取。
3. 然后，需要为圆球元素添加一个点击事件监听器，可以使用addEventListener()方法来实现。
4. 在点击事件处理函数中，可以使用Math.random()方法生成一个随机的位置，使用容器的宽度和高度来限制生成的位置在容器范围内。
5. 最后，使用圆球元素的style属性来设置圆球的位置，可以使用top和left属性来设置圆球的垂直和水平位置。

通过以上步骤，就可以实现一个固定大小容器中的圆球，在点击圆球后，在容器内随机改变位置，同时保证不超出容器范围。