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