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);
document.write("输出随机数:",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的一位随机数;

参考

  1. html事件属性
  2. html<button>标签
  3. js生成[n,m]的随机数
©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页