html用户在页面上输入数组,函数对数组中的值进行比较大小,最后用文本提示框输出排序号的数组
时间: 2024-02-09 22:10:49 浏览: 66
您可以使用以下代码来实现在 HTML 页面上输入数组,比较大小并输出排序后的数组:
```
<!DOCTYPE html>
<html>
<head>
<title>数组排序</title>
</head>
<body>
<h1>数组排序</h1>
<p>请输入数组,以逗号分隔:</p>
<input type="text" id="arrayInput">
<button onclick="sortArray()">排序</button>
<p>排序后的数组为:</p>
<textarea id="sortedArray" rows="5"></textarea>
<script>
function sortArray() {
const input = document.getElementById('arrayInput').value;
const array = input.split(',').map(Number);
const sortedArray = array.sort((a, b) => a - b);
document.getElementById('sortedArray').value = sortedArray.join(', ');
}
</script>
</body>
</html>
```
该代码创建一个包含输入框、排序按钮和输出框的 HTML 页面。当用户点击排序按钮时,`sortArray` 函数将获取用户输入的数组,使用 `split` 方法将其转换为数字数组,并使用 `sort` 方法进行排序。最后,它将使用 `join` 方法将排序后的数组转换为字符串,并将其设置为输出框的值。
阅读全文