JavaScript初学——switch方法制作简单计算器

在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>

结果:调试成功

猜你喜欢

转载自blog.csdn.net/weixin_40615146/article/details/86035987
今日推荐