设计一个页面,用户可以输入两个数字,页面返回这两个数字之间的一个随机数
时间: 2023-05-10 15:55:58 浏览: 94
C#实现在两个数字之间生成随机数的方法
5星 · 资源好评率100%
可以使用 JavaScript 编写一个函数,接收两个参数,返回这两个数字之间的一个随机数。以下是示例代码:
```javascript
function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
```
在页面中,可以使用 HTML 和 JavaScript 实现用户输入和结果展示的功能。以下是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机数生成器</title>
</head>
<body>
<h1>随机数生成器</h1>
<form>
<label for="num1">请输入第一个数字:</label>
<input type="number" id="num1" name="num1"><br>
<label for="num2">请输入第二个数字:</label>
<input type="number" id="num2" name="num2"><br>
<button type="button" onclick="generateRandomNumber()">生成随机数</button>
</form>
<p id="result"></p>
<script>
function generateRandomNumber() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = getRandomNumber(num1, num2);
document.getElementById("result").innerHTML = "生成的随机数是:" + result;
}
function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
</body>
</html>
```
用户在页面中输入两个数字,点击“生成随机数”按钮后,页面会返回这两个数字之间的一个随机数。
阅读全文