带有两个参数的随机数在Javascript中不起作用[重复]

Question

我是 Javascript 的初学者，所以我目前正在尝试编写一个随机“机器”，它接受两个参数，即最小值和最大值，用户在 input="number" 中键入，并显示这些值之间的随机数，但问题是当我点击“生成”按钮时随机数不会显示在屏幕上

        <form>
            <div id="minimal_num">
                <label for="min">Minimal Value</label>
                <input type="number" name="min" required>
            </div>
            <p id="rnum"></p>
            <div id="maximal_num">
                <label for="max">Maximal Value</label>
                <input type="number" name="max" required>
            </div>
            <br style="clear: both;">
            <button id="generator" onclick="random_number()">Generate</button>
        </form>
    </div>
    <script type="text/javascript">
        function random_number() {
            document.getElementById("rnum").innerHTML = Math.floor(Math.random() * min) + max;
        }
    </script>

Answer 1

试试这个：

    function random_number() 
   {
	 if(min !== '' && max !== '')
	{
		var min = parseInt(document.getElementById("min_num").value);
        var max = parseInt(document.getElementById("max_num").value);
        var result = Math.floor(Math.random() * (max - min + 1) + min);
        document.getElementById("rnum").innerHTML = result;
	 } 
   }

<form>
  <div id="minimal_num">
    <label for="min">Minimal Value</label>
    <input id="min_num" type="number" name="min" required>
  </div>
  <p id="rnum"></p>
  <div id="maximal_num">
    <label for="max">Maximal Value</label>
    <input id="max_num" type="number" name="max" required>
  </div>
  <br style="clear: both;">
  <a id="generator" href="#" onclick="random_number()">Generate</a>
</form>