在switch方法中,只尝试了四种计算方式(±*/),下面为无参函数与带参函数的代码:
无参函数
<!DOCTYPE html>
<!--作者:小小帕金森
时间:2019.1.7
描述:使用switch来进行数据加减乘除(无参、无返回值)
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js计算器一号</title>
<script type="text/javascript">
//定义一个函数,声明计算器使用
function numDemo1(){
var num1=prompt("请输入一号操作数","0");
var oper=prompt("请输入操作符(仅支持+-*/)","+");
var num2=prompt("请输入二号操作数","0");
var rst;
// num1=parseFloat(input1);
// num2=parseFloat(input2);
switch(oper){
case "+":
rst=num1+num2;
break;
case "-":
rst=num1-num2;
break;
case "*":
rst=num1*num2;
break;
case "/":
rst=num1/num2;
break;
default:
rst="输入错误请重试!";
break;
}
alert("操作结果为:"+rst);
}
</script>
</head>
<body>
<input name="numDemo1" type="button" value="js计算器一号" onclick="numDemo1()" />
</body>
</html>
结果:调试成功
有参函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>带参带返回值计算器</title>
<script type="text/javascript">
//先定义一个带参函数,内含计算方法(参数包含数字一、计算符号、数字二)
function numDemo(num1,oper,num2){
var num;//定义一个值,该值为返回值
//定义计算方法
switch(oper){
case "+":
num=num1+num2;
break;
case "-":
num=num1-num2;
break;
case "*":
num=num1*num2;
break;
case "/":
num=num1/num2;
break;
default:
num="请输入正确内容!";
break;
}
return num;
}
//定义一个无参函数,给予numDemo方法参数
function numDemo2(){
var num3=prompt("请输入第一个数字:"+"");
var oper=prompt("请输入运算符号(仅限+-*/):"+"");
var num4=prompt("请输入第二个数字:"+"");
var rst=numDemo(num3,oper,num4);//给予参数到计算方法中
alert("运算结果为:"+rst);
}
</script>
</head>
<body>
<button type="button" onclick="numDemo2()">JS计算器二号</button>
</body>
</html>
结果:调试成功