手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js如何实现点击按钮对数组随机排序

时间:2024-10-13 09:43:05

1、新建一个HTML文件,命名为test.html,用于实现数组的随机排序。

js如何实现点击按钮对数组随机排序

2、在test.html中,定义button按钮,名称为“随机排序”,用于实现点击随机排序数组。再定义一个id为demo的p标签,用于显示随机后的数组。

js如何实现点击按钮对数组随机排序

3、给button按钮绑定一个onclick点击事件,并实现点击的时候执行myFunciton()函数。

js如何实现点击按钮对数组随机排序

4、使用JS定义一个用来随机的数组points,并通过对象的innerHTML属性,把随机的数组内容显示在p标签里。

js如何实现点击按钮对数组随机排序

5、编写myFunction函数。在数组排序sort方法内,定义一个函数来获得随机数,并对数组进行随机排序。

js如何实现点击按钮对数组随机排序

6、把随机后的数组,通过对象innerHTML属性显示在p标签里,代码如下:

js如何实现点击按钮对数组随机排序

7、在浏览器运行代码,点击按钮,实现随机数组的功能。

js如何实现点击按钮对数组随机排序
js如何实现点击按钮对数组随机排序
© 手抄报圈