首页前端开发HTMLhtml产生随机数的代码

html产生随机数的代码

时间2023-11-11 18:04:03发布访客分类HTML浏览551
导读:在HTML中实现产生随机数的代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>HTML随机数<...

在HTML中实现产生随机数的代码如下:

!DOCTYPE html>
    html>
    head>
      meta charset="UTF-8">
      title>
    HTML随机数/title>
    /head>
    body>
      p id="randomNum">
    /p>
      button onclick="getRandomNum()">
    点击产生随机数/button>
      script>
  function getRandomNum() {
        var num = Math.floor(Math.random() * 100) + 1;
        document.getElementById("randomNum").innerHTML = "随机数为:" + num;
  }
      /script>
    /body>
    /html>
    

在以上代码中,首先我们创建了一个空的p标签来显示随机数,并通过按钮点击事件,调用了JavaScript中的getRandomNum函数。在函数中,我们使用Math库中的random函数来生成随机数,其返回值在0~1之间,然后使用floor函数将其向下取整,再乘上100进行缩放,最后加上1,即可取到1~100之间的整数随机数。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html产生随机数的代码
本文地址: https://pptw.com/jishu/534852.html
html人人网的登录页面代码 css 去掉%3cp%3e默认高度

游客 回复需填写必要信息