随机数 js min max

Question

我正在尝试从 JavaScript 中的输入中获取 2 个数字之间的随机数。当我输入数字而不是 max.value 和 min.value 时，它​​可以工作，但不能使用变量。我不明白 js 中的 random 是如何工作的，在其他编程语言中我知道它很容易完成，比如 random(min,max) 所以我完全不明白为什么在 JS 中这么难。谢谢。

function genRanNumb() {
  document.getElementById('demo').innerHTML=Math.floor(Math.random()*(max.value-min.value+1)+min.value);
}

<input type="text" id="min">
<input type="text" id="max">
<button id="btn" onclick="genRanNumb()">button</button>
<p id="demo"></p>

Answer 1

我认为问题在于你的输入是 text 并且你随机想要 int 值 解决方案是在 javascript 中使用 parseFloat(yourvariable) 覆盖您的变量。
在你的情况下，你有：

function genRanNumb() {
  document.getElementById('demo').innerHTML=Math.floor(Math.random()*(parseFloat(max.value)-parseFloat(min.value)+1)+parseFloat(min.value));
}

希望它能回答您的问题。

为了更好的可读性和最好的兼容性，你应该这样写：

function genRanNumb() {
  var max = parseFloat(document.getElementById("max").value,10),
      min = parseFloat(document.getElementById("min").value,10);

  document.getElementById('demo').innerHTML=Math.floor(Math.random()*(max-min+1)+min);
}

Answer 2

您的随机数逻辑是正确的。您只需要从文本框中检索值，这些值是字符串，然后将它们解析为整数。

function genRanNumb() {
  var min = parseInt(document.getElementById('min').value, 10);
  var max = parseInt(document.getElementById('max').value, 10);
  document.getElementById('demo').innerHTML=Math.floor(Math.random()*(max-min+1)+min);
}

<input type="text" id="min">
<input type="text" id="max">
<button id="btn" onclick="genRanNumb()">button</button>
<p id="demo"></p>

Answer 3

问题是你的值是字符串，所以当你这样做时：

(max.value-min.value+1)+(min.value)

喜欢做，比如6" + "5"所以"65"

那就试试吧：

 <script>
   function genRanNumb() {
     document.getElementById('demo').innerHTML=Math.floor(Math.random()*(parseInt(max.value-min.value+1))+parseInt(min.value));
   }

</script>

Answer 4

问题是输入元素的value 总是字符串。当您编写max.value - min.value 时，由于减法运算符，JavaScript 将值强制转换为数字。但是当你写0.3 + "8" 时，结果是"0.38" 而不是"8.3"。这就是为什么原始代码给出了奇怪的值，max.value 永远不会被添加而是附加。 这是一种解决方法：首先使用一元 + 运算符（或使用 parseInt）将字符串强制转换为数字：

function genRanNumb() {
  var vMin = +min.value;
  var vMax = +max.value;
  var generated = Math.floor(Math.random()*(vMax - vMin + 1) + vMin);
  demo.innerText = generated;
}

<input type="text" id="min">
<input type="text" id="max">
<button id="btn" onclick="genRanNumb()">button</button>
<p id="demo"></p>

Answer 5

从min到max获取随机数的替代方法

let makeGuess = function(guess){
    let min = 1;
    let max = 5;   
    let randomNumber = Math.floor(Math.random() * (max - min + 1)) + min

    return guess === randomNumber;

}
console.log(makeGuess(1));