js随机生成1到100随机数

 时间:2024-10-12 03:10:49

1、新建一个html文件,命名为test.html,用于讲解js随机生成1到100随机数。

js随机生成1到100随机数

2、在test.html文件内,使用p标签创建一区域,用于显示随机数。同时,设置p标签的id,用于下面获得p对象。

js随机生成1到100随机数

3、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行creNum()函数。

js随机生成1到100随机数

4、在js标签中,创建creNum()函数,在函数内,使用random()方法生成随机墙绅褡孛数,再将其乘以最大值与最小值之差,并加1后取整,从而获得指定范围的随机数。

js随机生成1到100随机数

5、在creNum()函数内,通过getElementById()方法获得p标签对象,使用innerHTML属性将随机数显示在p标签内。

js随机生成1到100随机数

6、在浏览器打开test.html文件,点击按钮,查看结果。

js随机生成1到100随机数
  • 怎么让两个div在同一行
  • html页面单选框怎么实现
  • HTML中引入css和js的方法
  • 在VScode中如何将界面语言设置为中文
  • css中如何实现button垂直居中
  • 热门搜索
    春节手抄报a3纸 晒家风手抄报 关于手抄报的内容 有关古诗的手抄报 我的绿色环保梦手抄报 安全手抄报的资料 关于手抄报的图案 二月二龙抬头的手抄报 绿色校园手抄报资料 节约用纸的手抄报