设计一个页面,用户可以输入两个数字,页面返回这两个数字之间的一个随机数设计一个页面,用户可以输入两个数字,页面返回这两个数字之间的一个随机数设计一个页面,用户可以输入两个数字,页面返回这两个数字之间的一个随机数设计一个页面,用户可以输入两个数字,页面返回这两个数字之间的一个随机数
时间: 2023-05-10 11:55:56 浏览: 71
可以使用以下 HTML 和 JavaScript 代码来实现这个页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机数生成器</title>
</head>
<body>
<h1>随机数生成器</h1>
<label for="num1">请输入第一个数字:</label>
<input type="number" id="num1" name="num1"><br><br>
<label for="num2">请输入第二个数字:</label>
<input type="number" id="num2" name="num2"><br><br>
<button onclick="generateRandomNumber()">生成随机数</button><br><br>
<p id="result"></p>
<script>
function generateRandomNumber() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = document.getElementById("result");
if (isNaN(num1) || isNaN(num2)) {
result.innerHTML = "请输入有效的数字!";
} else {
var min = Math.min(num1, num2);
var max = Math.max(num1, num2);
var randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
result.innerHTML = "生成的随机数为:" + randomNumber;
}
}
</script>
</body>
</html>
```
这个页面包含两个输入框和一个按钮,当用户点击按钮时,JavaScript 代码会获取输入框中的数字,并使用 Math.random() 函数生成一个介于这两个数字之间的随机数。最后,页面会显示生成的随机数。
阅读全文