美文网首页js基础
js-函数计算器

js-函数计算器

作者: 椋椋夜色 | 来源:发表于2019-04-28 22:55 被阅读0次

    <!DOCTYPE html>
    <html lang="zh-CN">

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> 函数计算器 </title>

    <script>
        // 1.传入 2个数值 ,和 一个 运算符,打印 运算结果
    
        // jiSuan -(封装一个方法) 根据 不同运算符 计算不同结果
        // numA - 数值1
        // numB - 数值2
        // yunSuanFu - 运算符 字符串
        // res - 和
    
        function jiSuan(numA, numB, yunSuanFu) {
            // 设置默认值
            numA = numA || 0;
            numB = numB || 0;
    
            switch (yunSuanFu) {
                // 加法
                case '+':
                    {
                        var res = numA + numB;
                        console.log(numA + ' + ' + numB + ' = ' + res);
                        break;
                    }
                    // 减法
                case '-':
                    {
                        var res = numA - numB;
                        console.log(numA + ' - ' + numB + ' = ' + res);
                        break;
                    }
                    // 乘法
                case '*':
                    {
                        var res = numA * numB;
                        console.log(numA + ' * ' + numB + ' = ' + res);
                        break;
                    }
                    // 除法
                case '/':
                    {
                        var res = numA / numB;
                        console.log(numA + ' / ' + numB + ' = ' + res);
                        break;
                    }
            }
        }
        jiSuan(50, 10, '+'); // 50 + 10 = 60
        jiSuan(50, 10, '-'); // 50 - 10 = 40
        jiSuan(50, 10, '*'); // 50 * 10 = 500
        jiSuan(50, 10, '/'); // 50 / 10 = 5
    </script>
    

    </head>

    <body>
    </body>

    </html>

    相关文章

      网友评论

        本文标题:js-函数计算器

        本文链接:https://www.haomeiwen.com/subject/owvsnqtx.html