在网页中定义两个函数,它们的功能分别是求出任意五个数中的最大值和最小值。
时间: 2024-02-24 16:55:24 浏览: 146
求五个数中的最大值和最小值
可以使用JavaScript中的数组方法 `Math.max()` 和 `Math.min()` 来实现求出任意五个数中的最大值和最小值,以下是一个实现示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>求五个数中的最大值和最小值</title>
</head>
<body>
<label for="num1">请输入第一个数字:</label>
<input type="number" id="num1"><br>
<label for="num2">请输入第二个数字:</label>
<input type="number" id="num2"><br>
<label for="num3">请输入第三个数字:</label>
<input type="number" id="num3"><br>
<label for="num4">请输入第四个数字:</label>
<input type="number" id="num4"><br>
<label for="num5">请输入第五个数字:</label>
<input type="number" id="num5"><br>
<button onclick="getMaxMin()">求最大值和最小值</button>
<p id="maxMin"></p>
<script>
function getMaxMin() {
let num1 = document.getElementById("num1").value;
let num2 = document.getElementById("num2").value;
let num3 = document.getElementById("num3").value;
let num4 = document.getElementById("num4").value;
let num5 = document.getElementById("num5").value;
let max = Math.max(num1, num2, num3, num4, num5);
let min = Math.min(num1, num2, num3, num4, num5);
document.getElementById("maxMin").innerText = "最大值为:" + max + ",最小值为:" + min;
}
</script>
</body>
</html>
```
首先,在HTML中定义了五个数字输入框 `<input>`,用于输入五个数字,还有一个按钮,用于触发求最大值和最小值的操作。当点击按钮时,调用 `getMaxMin()` 函数。
函数中使用 `getElementById()` 方法获取五个数字输入框的值,并使用 `Math.max()` 和 `Math.min()` 方法求出最大值和最小值。最后使用 `getElementById()` 方法获取显示结果的 `<p>` 元素,并使用 `innerText` 属性设置其内容。
需要注意的是,以上代码只是一个示例,实际应用中还需要进行一些输入验证,例如判断输入是否为空、是否为有效的数字等等。
阅读全文