javascript - HTML JavaScript 随机数选择

Question

我一直在尝试获取一个随机数生成器，以使数字位于两个输入之间。我有一个代码

<form action="/action_page.php">
<input type="number" name="low" id="low" placeholder="lowest number" value="1"><br>
<input type="number" name="high" id="high" placeholder="highest number" value="10"><br>
<input type="button" value="Submit" onclick="myFunction()">
</form>
<p id="randnum"></p>

<script>
function myFunction() {
    var x = document.getElementById("randnum")
    x.innerHTML = Math.floor((Math.random() * 'low') + 'high');
}
</script>

正如您所注意到的，我在一个代码中包含了 javascript。

我输入的“低”和“高”适用于固定数字

Answer 1

您需要获取输入的值并将其应用于计算。 - 请注意，我正在使用 parseInt() 将输入值转换为数字。另外 - 使用 1 会因为低值总是会产生 10 的结果，因为你得到了 math.floor - 这将等于 0 - 所以 0 + 10 = 10。

根据@Quentins 评论 - 我提醒计算结果适合您的数字。

function myFunction() {
    var x = document.getElementById("randnum");
    var high = parseInt(document.getElementById("high").value);
    var low = parseInt(document.getElementById("low").value);
    x.innerHTML = Math.floor(Math.random()*(high-low+1)+low)
}

<form action="/action_page.php">
<input type="number" name="low" id="low" placeholder="lowest number" value="1"><br>
<input type="number" name="high" id="high" placeholder="highest number" value="10"><br>
<input type="button" value="Submit" onclick="myFunction()">
</form>
<p id="randnum"></p>