定义两个函数,分别用于求出任意 5 个数中的最大值和最小值。用html实现
时间: 2024-10-23 17:04:36 浏览: 25
在JavaScript中,你可以创建两个函数,`findMax` 和 `findMin`,来找出数组中的最大值和最小值。以下是这两个函数的简单实现:
```javascript
function findMax(numbers) {
return Math.max(...numbers);
}
function findMin(numbers) {
return Math.min(...numbers);
}
```
这里我们使用了ES6的扩展运算符 (`...`) 来将数组展开成参数列表传递给 `Math.max` 或 `Math.min` 函数。
如果你想在HTML中直接调用这些函数,你需要将它们放在一个脚本标签内,或者外部JS文件中,然后可以在某个按钮点击事件等UI交互中调用它们。例如在一个简单的HTML页面上:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Find Max Min</title>
</head>
<body>
<input type="text" id="number-input" value="" placeholder="Enter numbers (comma separated)">
<button onclick="calculate()">Calculate</button>
<p id="result"></p>
<script>
function findMax(numbers) {
return Math.max(...numbers.split(',').map(Number));
}
function findMin(numbers) {
return Math.min(...numbers.split(',').map(Number));
}
function calculate() {
const input = document.getElementById('number-input').value;
const maxResult = findMax(input);
const minResult = findMin(input);
document.getElementById('result').textContent = `Max: ${maxResult}, Min: ${minResult}`;
}
</script>
</body>
</html>
```
在这个例子中,用户可以在输入框中输入逗号分隔的数字,点击计算按钮后,会显示最大值和最小值。注意这个例子假设用户输入的是有效的数字序列。
阅读全文