1:实现的效果为:
根据页面中弹框的提示输入三次数值,系统能够根据输入的三个数值展示所输入数的最大值和最小值。
2:第一步:
要实现弹框中的提示和数值的填写
第二步:
运用所学知识进行判断三个数值的大小
3: 第一步代码如下:
var number1 = prompt("请输入第一个数值:")
number1 = parseInt(number1)
var number2 = prompt("请输入第二个数值:")
number2 = parseInt(number2)
var number3 = prompt("请输入第三个数值:")
number3 = parseInt(number3)
第二步的代码如下:
function isNumericValue(){
if(number2>number1){
n=number1
number1=number2
number2=n
}
if(number3>number2){
n=number3
number3=number2
number2=n
}
if(number3>number1){
n=number3
number3=number1
number1=n
}
}
var n=0
4:在完成这个问题中会出现比大小无法利用函数进行,如步骤5所示,在做这个问题中我利用一个数值来实现大小值的互换,但运行的结果不尽人意,于是在代码中加入循环,可以实现数值之间互换不出错误,再利用无参数无返回值的函数来完成本次题目的难点。
5:完整的源码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用函数完成给定三个数,并实现最大值和最小值</title>
<script>
function isNumericValue(){
if(number2>number1){
n=number1
number1=number2
number2=n
}
if(number3>number2){
n=number3
number3=number2
number2=n
}
if(number3>number1){
n=number3
number3=number1
number1=n
}
}
// 数据接收问题
var number1 = prompt("请输入第一个数值:")
number1 = parseInt(number1)
var number2 = prompt("请输入第二个数值:")
number2 = parseInt(number2)
var number3 = prompt("请输入第三个数值:")
number3 = parseInt(number3)
// 判断三个数的大小
var n=0
for(var i=0;i<2;i++){
isNumericValue()
}
document.write("最大值:"+number1)
document.write("<br />")
document.write("最小值:"+number3)
</script>
</head>
<body>
</body>
</html>