JS怎么实现简易计算器

这篇文章主要介绍了js怎么实现简易计算器的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JS怎么实现简易计算器文章都会有所收获，下面我们一起来看看吧。

一、题目描述

用户在弹出的输入框中选择要做的运算

用户选择后弹出两个输入框，让用户输入数据

根据用户选择的操作和输入的数据，计算出最后结果并弹出提示框显示结果

操作界面如下：

二、实现过程

1.提示

用户通过在弹出的输入框输入操作对应的数值选择需要的计算

弹出另外两个输入框，收集用户输入的参与运算的数据

把计算结果通过提示框显示出来

2.代码演示

代码如下（示例）：

 <script>

        // 用户在弹出的输入框中选择要做的运算

        // 用户选择后弹出两个输入框，让用户输入数据

        // 根据用户选择的操作和输入的数据，计算出最后结果并弹出提示框显示结果

        function getResult（symbol） {

            switch （symbol） {

                case '1':

                    var num1 = prompt（'请输入第一个数'）;

                    var num2 = prompt（'请输入第二个数'）;

                    return parseFloat（num1） + parseFloat（num2）;

                case '2':

                    var num1 = prompt（'请输入第一个数'）;

                    var num2 = prompt（'请输入第二个数'）;

                    return num1 - num2;

                case '3':

                    var num1 = prompt（'请输入第一个数'）;

                    var num2 = prompt（'请输入第二个数'）;

                    return num1 * num2;

                case '4':

                    var num1 = prompt（'请输入第一个数'）;

                    var num2 = prompt（'请输入第二个数'）;

                    return num1 / num2;

                default:

                    return '无此运算';

            }

        }

        var symbol = prompt（'欢迎使用简易计算器：\n 1.加法运算\n 2.减法运算\n 3.乘法运算\n 4. 除法运算\n 5. 退出\n 请输入您的选项： '）;

        var result;

        while （symbol != '5'） {

            result = getResult（symbol）;

            alert（'运算结果为' + result）;

            symbol = prompt（'欢迎使用简易计算器：\n 1.加法运算\n 2.减法运算\n 3.乘法运算\n 4. 除法运算\n 5. 退出\n 请输入您的选项： '）;

        }

        alert（'正在退出'）;

    </script>

注意：

swicth （条件） 和 case &lsquo;条件&rsquo; 是全等的关系。

输入框的返回值是字符串型。

return 可以中断函数，不执行以下的语句 所以在switch中没有写break.

关于“JS怎么实现简易计算器”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JS怎么实现简易计算器”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网JavaScript频道。