JS提示用户输入一组数,然后对其进行冒泡排序
时间: 2024-10-11 21:11:50 浏览: 7
在JavaScript中,你可以通过创建一个简单的HTML表单让用户输入一组数字,然后使用JavaScript函数对输入的数组进行冒泡排序。下面是一个基本的例子:
首先,你需要在HTML部分创建一个输入框和提交按钮:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>冒泡排序</title>
</head>
<body>
<input type="number" id="numbersInput" placeholder="请输入一组数字,用逗号分隔">
<button onclick="bubbleSort()">排序</button>
<p id="sortedNumbers"></p>
<script src="script.js"></script>
</body>
</html>
```
接下来,在`script.js`文件中编写冒泡排序函数以及获取用户输入并进行排序的逻辑:
```javascript
function bubbleSort() {
const input = document.getElementById('numbersInput').value;
const numbers = input.split(',').map(Number); // 将字符串转换为数字数组
if (numbers.length > 0) {
let swapped;
do {
swapped = false; // 标记是否发生过交换
for (let i = 0; i < numbers.length - 1; i++) {
if (numbers[i] > numbers[i + 1]) { // 如果前一个比后一个大
[numbers[i], numbers[i + 1]] = [numbers[i + 1], numbers[i]]; // 交换位置
swapped = true; // 发生了交换
}
}
} while (swapped);
document.getElementById('sortedNumbers').innerText = `排序后的数字: ${numbers}`;
} else {
alert('请输入至少一个数字!');
}
}
```