html随机生成五个数并进行排序
时间: 2023-08-24 08:38:01 浏览: 55
你可以使用JavaScript来生成随机数并进行排序,下面是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机生成五个数并排序</title>
</head>
<body>
<button onclick="generateAndSort()">生成并排序</button>
<p id="result"></p>
<script>
function generateAndSort() {
// 生成五个随机数
var arr = [];
for (var i = 0; i < 5; i++) {
arr.push(Math.floor(Math.random() * 100));
}
// 排序
arr.sort(function(a, b) {
return a - b;
});
// 输出结果
document.getElementById("result").innerHTML = "排序结果:" + arr;
}
</script>
</body>
</html>
```
当你点击“生成并排序”按钮时,它会生成五个随机数并进行排序,然后将结果输出到页面上。
相关问题
利用js技术写一个文本框里面随机生成几个数字并排序
好的,以下是利用 JavaScript 技术实现在文本框里面随机生成几个数字并排序的代码示例:
HTML 代码:
```
<input type="text" id="numInput">
<button onclick="generateAndSort()">生成并排序</button>
```
JavaScript 代码:
```
function generateAndSort() {
var input = document.getElementById("numInput");
// 生成随机数字数组
var nums = [];
for (var i = 0; i < 10; i++) {
nums.push(Math.floor(Math.random() * 100));
}
// 排序数字数组
nums.sort(function(a, b){return a - b});
// 在文本框中显示排序后的数字
input.value = nums.join(", ");
}
```
这段代码首先获取了一个 id 为 "numInput" 的文本框,然后在按钮被点击时生成长度为 10 的随机数字数组,并使用 sort() 方法对数字数组进行排序。最后将排序后的数字数组以逗号分隔的形式显示在文本框中。
在textarea随机生成十个数,并将其排序
好的,我可以为您完成这个任务。以下是代码示例:
```html
<textarea id="random-numbers"></textarea>
<button onclick="sortNumbers()">排序</button>
```
```javascript
function generateNumbers() {
let numbers = [];
for (let i = 0; i < 10; i++) {
numbers.push(Math.floor(Math.random() * 100));
}
document.getElementById("random-numbers").value = numbers.join("\n");
}
function sortNumbers() {
let numbersTextarea = document.getElementById("random-numbers");
let numbers = numbersTextarea.value.split("\n");
numbers.sort(function(a, b) {
return a - b;
});
numbersTextarea.value = numbers.join("\n");
}
generateNumbers();
```
这个代码会在页面上生成一个textarea和一个按钮。点击按钮会将textarea中的数字排序。每次刷新页面时,都会生成10个随机数。