一:步骤
完成这个项目需要三大步
第一步:先获取三个数字,并且进行数据类型的转换(即将字符串型转换成整数型)
第二步:利用函数和(if) 语句对获取的三个数字进行比较,分别得到最大值和最小值
第三步:在页面中输出比较的结果
二:具体思路
首先先声明变量以获取用户输入进来的三个数字,再对输入进来的数字进行数字类型的转换。在完成对用户输入进来的数字进行处理之后,再利用function函数以及if语句对获取的三个数字进行比较,先得到最大值再得到最小值。但要注意在if语句中要写返回值return,这样当if语句为真时,reture被执行,函数提前返回。最后用document.write()输出比较的结果(内容的输出可用连接符“+”来形成完整的一句话)。
三:对应代码
第一步代码:
//第一步:先获取三个数字,并且进行数据类型的转换---即将字符串型转换成整数型
var number1 = prompt("请输入第一个数字:")
var number2 = prompt("请输入第二个数字:")
var number3 = prompt("请输入第三个数字:")
number1 = parseInt(number1);
number2 = parseInt(number2);
number3 = parseInt(number3);
第二步代码:
//第二步:利用(if)语句将第一步获取的三个数字进行比较
//(1)获取最大值
function max() {
if (number1 > number2 && number1 > number3) {
return number1;
}
if (number2 > number1 && number2 > number3) {
return number2;
}
if (number3 > number1 && number3 > number2) {
return number3;
}
document.write("<br />");
}
//(1)获取最小值
function min() {
if (number1 < number2 && number1 < number3) {
return number1;
}
if (number2 < number1 && number2 < number3) {
return number2;
}
if (number3 < number1 && number3 < number2) {
return number3;
}
}
第三部代码:
document.write("最大值是:" + max());
document.write("<br />")
document.write("最小值是:" + min())
四: 思路整理 总结 注意事项
1. 完成这段代码要正确使用function函数和if语句。
2.在进行比较时要理清楚比较对象,一个一个进行比较得出最大值最小值
五:全部代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>使用函数完成给定三个数字,找出最大值和最小值</title>
<script>
//第一步:先获取三个数字,并且进行数据类型的转换---即将字符串型转换成整数型
var number1 = prompt("请输入第一个数字:")
var number2 = prompt("请输入第二个数字:")
var number3 = prompt("请输入第三个数字:")
number1 = parseInt(number1);
number2 = parseInt(number2);
number3 = parseInt(number3);
//第二步:利用(if)语句将第一步获取的三个数字进行比较
//(1)获取最大值
function max() {
if (number1 > number2 && number1 > number3) {
return number1;
}
if (number2 > number1 && number2 > number3) {
return number2;
}
if (number3 > number1 && number3 > number2) {
return number3;
}
document.write("<br />");
}
//(1)获取最小值
function min() {
if (number1 < number2 && number1 < number3) {
return number1;
}
if (number2 < number1 && number2 < number3) {
return number2;
}
if (number3 < number1 && number3 < number2) {
return number3;
}
}
document.write("最大值是:" + max());
document.write("<br />")
document.write("最小值是:" + min())
</script>
</head>
<body>
</body>
</html>