Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于输入上限和下限的随机数_Javascript_Html_Css_Random_Numbers - Fatal编程技术网

Javascript 基于输入上限和下限的随机数

Javascript 基于输入上限和下限的随机数,javascript,html,css,random,numbers,Javascript,Html,Css,Random,Numbers,我不能为我的生活,弄明白为什么这不会调用用户输入正确?用户应该给出一个范围的上限和下限,然后当他们提交时,会在这两个数字之间给他们一个随机数。我想问题是当我调用“.value”时,但我不知道其他方法,因此非常感谢您的帮助 函数编号(){ var最小值=document.getElementById(“最小”)值; var max=document.getElementById(“最大”).value; 变量编号=数学楼层((数学随机()*最小值)+最大值); document.getEleme

我不能为我的生活,弄明白为什么这不会调用用户输入正确?用户应该给出一个范围的上限和下限,然后当他们提交时,会在这两个数字之间给他们一个随机数。我想问题是当我调用“.value”时,但我不知道其他方法,因此非常感谢您的帮助

函数编号(){
var最小值=document.getElementById(“最小”)值;
var max=document.getElementById(“最大”).value;
变量编号=数学楼层((数学随机()*最小值)+最大值);
document.getElementById(“输出”).innerHTML=number;
}
body{背景色:#000000;}
h1{字体系列:无衬线;
颜色:#ffffff}
字体系列:无衬线;
颜色:#ffffff;}
输入[类型=数字]{
宽度:150px;
边框:2个实心#ffffff;
边界半径:4px;
字体大小:16px;
背景色:#262626;
填充:15px 30px;
颜色:#ffffff;
}
输入[类型=编号]:悬停{
背景色:#515151;
}
钮扣{
边框:2个实心#ffffff;
背景色:#000000;
颜色:#ffffff;
填充:15px 40px;
字体大小:16px;
边界半径:5px
}
按钮:悬停{
背景色:#ffffff;
颜色:#5A5A;
}
.产出{
边框:2个实心#ffffff;
背景色:#000000;
边界半径:5px;
填充:15px;
}
.眨眨眼{
动画:闪烁。7s线性无限;
}
@关键帧闪烁器{
从{opacity:1;}
到{不透明度:0;}
}

随机发生器

在文本框中键入最小值和最大值

提交





输出:


您需要使用最大值和最小值的增量作为随机数的因子,然后添加最小值

function numberGen(){
    var minimum = +document.getElementById("minimum").value;
    //            ^ convert number to string
    var maximum = +document.getElementById("maximum").value;
    //            ^ convert number to string
    var number = Math.floor((Math.random() * (maximum - minimum + 1)) + minimum);
    //                                                          ^^^ correction for max val
    document.getElementById("output").innerHTML = number;
}
本方案重新计算包含给定值的随机值

函数编号(){
var最小值=+document.getElementById(“最小”)值;
var max=+document.getElementById(“最大”).value;
变量编号=数学楼层((数学随机()*(最大值-最小值+1))+最小值);
document.getElementById(“输出”).innerHTML=number;
}
body{背景色:#000000;}
h1{字体系列:无衬线;
颜色:#ffffff}
字体系列:无衬线;
颜色:#ffffff;}
输入[类型=数字]{
宽度:150px;
边框:2个实心#ffffff;
边界半径:4px;
字体大小:16px;
背景色:#262626;
填充:15px 30px;
颜色:#ffffff;
}
输入[类型=编号]:悬停{
背景色:#515151;
}
钮扣{
边框:2个实心#ffffff;
背景色:#000000;
颜色:#ffffff;
填充:15px 40px;
字体大小:16px;
边界半径:5px
}
按钮:悬停{
背景色:#ffffff;
颜色:#5A5A;
}
.产出{
边框:2个实心#ffffff;
背景色:#000000;
边界半径:5px;
填充:15px;
}
.眨眨眼{
动画:闪烁。7s线性无限;
}
@关键帧闪烁器{
从{opacity:1;}
到{不透明度:0;}
}

随机发生器

在文本框中键入最小值和最大值

提交

输出:


很抱歉出现拼写错误
.value
始终是字符串,您使用的是字符串,而不是数字,请先解析它们
Math.floor((Math.random()*最小值)+(最大值))
可能与的重复,但增加了处理字符串的问题。@adeneo将修复字符串问题,但它是错误的算法:-(