这篇文章主要介绍了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 ‘条件’ 是全等的关系。
输入框的返回值是字符串型。
return 可以中断函数，不执行以下的语句 所以在switch中没有写break.
关于“JS怎么实现简易计算器”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JS怎么实现简易计算器”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。
