思路:
随机数的生成+获取页面input中的value+赋予最终值
<input type="text" id="inputFn1" value="">
<input type="text" id="inputFn2" value="">
<button id="btn">生成随机数</button>
<input type="text" id="inputFn3" value="">
<script>
//获取节点
var inputFn1 = document.getElementById("inputFn1");
var inputFn2 = document.getElementById("inputFn2");
var inputFn3 = document.getElementById("inputFn3");
var btn = document.getElementById("btn");
function num(min, max) {
//判断两个数的大小,如果前者大,则反向计算随机数
if (min > max) {
return Math.round(Math.random() * (min - max) + max)
}
else if (min == max) return ("输入错误,请从新输入");
else if(min < max){
return Math.round(Math.random() * (max - min)+min);
}
}
btn.onclick = function () {
//把输入的值赋予变量num1
var num1 = Number(inputFn1.value);//转换数字尤为重要
//var num1 = inputFn1.value - 0;
var num2 = Number(inputFn2.value);
// 将得到的变量赋予到**上
inputFn3.value = num(num1, num2);
}
</script>
难点:
取得的input框的value为字符串型,需要转换成数字型才能使用
判断两个数之间的大小,不能忽略两个值相等的状态