html生成随机数(小数或整数)并以按钮形式输出

前言

    前几天有个老铁提了一个需求,让我给他在前端静态页面做一个随机数的显示,用做订单编号,简单几行代码即可实现,见下文

按钮形式

<script>
function Num()
{
 document.getElementById("field").value=Math.floor(Math.random()*5+5) + Math.ceil(Math.random()*10)/10
}
</script>
<button onclick="Num()">输出5-10的随机数</button> <input type="text" id="field">

文本形式

<script language="javascript">
var a=parseInt(Math.random()*100);
[xss_clean]("输出随机数:",a);
</script>

效果

按钮形式(可多次按下)


文本形式


语法

Math.ceil()向上取整。
Math.floor()向下取整。
Math.round()四舍五入。
Math.random()[0.0 ~ 1.0) 区间一个伪随机数

通过组合上面的简单语法可以生成更复杂的语法:

Math.ceil(Math.random()*10) 获取从1到10的随机整数 ,取0的概率极小。

Math.round(Math.random()) 可均衡获取0到1的随机整数。

Math.floor(Math.random()*10) 可均衡获取0到9的随机整数。

Math.round(Math.random()*10) 获取0到10的随机整数,其中获取最小值0和最大值10的几率少一半。

因此上文的Math.floor(Math.random()*5+5) + Math.ceil(Math.random()*10)/10可以生成5-10的一位随机数


THE END

文章版权:作者:鸾镜朱颜暗换  来源:CSDN  

免责声明:本站提供的一切软件、插件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

本文最后更新于 2022-12-03 14:38:54,如果你的问题还没有解决,可以加入建站交流群和群友们一起讨论。

评论区