1.问题描述
通过用户输入的三个数,计算出最大值和最小值并输出。
2.解题思路
(1)获取用户输入
(2)计算最大值和最小值
(3)输出结果
3.每步骤对应的代码
1.获取用户输入,可以通过prompt()函数
// 通过prompt函数从用户处获取三个数字
var number1 = prompt("请输入第一个数:")
var number2 = prompt("请输入第二个数:")
var number3 = prompt("请输入第三个数:")
2.计算出最大值和最小值,可以使用Math对象成员函数和三元运算符两种方案
/**
* 通过Math对象的max和min方法,获取三个数的最大值和最小值
* @param {number} n1 第一个数
* @param {number} n2 第二个数
* @param {number} n3 第三个数
* @returns {Array} 包含最大值和最小值的数组
*/
function getMaxAndMinFromMath(n1, n2, n3) {
return [Math.max(n1, n2, n3), Math.min(n1, n2, n3)]
}
/**
* 使用三元运算符比较三个数,获取最大值和最小值
* @param {number} n1 第一个数
* @param {number} n2 第二个数
* @param {number} n3 第三个数
* @returns {Array} 包含最大值和最小值的数组
*/
function getMaxAndMinFromTernary(n1, n2, n3) {
return [(n1 > n2 ? n1 : n2) > n3 ? (n1 > n2 ? n1 : n2) : n3, (n1 > n2 ? n1 : n2) < n3 ? (n1 > n2 ? n1 : n2) : n3]
}
3.输出结果,调用方才定义的函数
// 使用getMaxAndMinFromTernary函数计算并存储最大值和最小值
var maxAndMin = getMaxAndMinFromTernary(number1, number2, number3)
// 通过alert方法显示最大值和最小值
alert("最大值:" + maxAndMin[0] + ",最小值:" + maxAndMin[1])
4.重难点分析
重点在于在三个数中求出最大值和最小值
5.完整源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/**
* 通过Math对象的max和min方法,获取三个数的最大值和最小值
* @param {number} n1 第一个数
* @param {number} n2 第二个数
* @param {number} n3 第三个数
* @returns {Array} 包含最大值和最小值的数组
*/
function getMaxAndMinFromMath(n1, n2, n3) {
return [Math.max(n1, n2, n3), Math.min(n1, n2, n3)]
}
/**
* 使用三元运算符比较三个数,获取最大值和最小值
* @param {number} n1 第一个数
* @param {number} n2 第二个数
* @param {number} n3 第三个数
* @returns {Array} 包含最大值和最小值的数组
*/
function getMaxAndMinFromTernary(n1, n2, n3) {
return [(n1 > n2 ? n1 : n2) > n3 ? (n1 > n2 ? n1 : n2) : n3, (n1 > n2 ? n1 : n2) < n3 ? (n1 > n2 ? n1 : n2) : n3]
}
// 通过prompt函数从用户处获取三个数字
var number1 = prompt("请输入第一个数:")
var number2 = prompt("请输入第二个数:")
var number3 = prompt("请输入第三个数:")
// 使用getMaxAndMinFromTernary函数计算并存储最大值和最小值
var maxAndMin = getMaxAndMinFromTernary(number1, number2, number3)
// 通过alert方法显示最大值和最小值
alert("最大值:" + maxAndMin[0] + ",最小值:" + maxAndMin[1])
</script>
</head>
<body>
</body>
</html>
如果觉得有帮助的话,那就请点一个免费的赞吧