jqure实现生成5个随机数,并且五个随机数之和等于客户输入的数
时间: 2023-11-28 15:48:15 浏览: 58
以下是使用jQuery实现生成5个随机数,并且五个随机数之和等于客户输入的数的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Generate 5 Random Numbers</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<label for="sum">Enter a number:</label>
<input type="number" id="sum">
<button id="generate">Generate</button>
<ul id="random-numbers"></ul>
<script>
$(document).ready(function() {
$("#generate").click(function() {
var sum = parseInt($("#sum").val());
var numbers = [];
// Generate 4 random numbers
for (var i = 0; i < 4; i++) {
var randomNumber = Math.floor(Math.random() * (sum - 4) + 1);
numbers.push(randomNumber);
sum -= randomNumber;
}
// Add the last number to make the sum equal to the input
numbers.push(sum);
// Display the random numbers
$("#random-numbers").html("");
$.each(numbers, function(index, value) {
$("#random-numbers").append("<li>" + value + "</li>");
});
});
});
</script>
</body>
</html>
```
这段代码会在页面上显示一个输入框和一个按钮。用户可以在输入框中输入一个数字,然后点击按钮。当用户点击按钮时,代码会生成5个随机数,并且这5个随机数之和等于用户输入的数字。这5个随机数会显示在一个无序列表中。
阅读全文