JS简易计算器实例讲解


Posted in Javascript onJune 30, 2020

本文实例为大家分享了JS实现简易计算器的具体代码,供大家参考,具体内容如下

简易计算器:

1)选择需要运算的类型,输入对应的数字
2)输入需要参与运算的数字
3)输入“计算”二字,进行运算后,显示运算结果及运算表达式

JS简易计算器实例讲解

<script type="text/javascript">
 // 加法运算
 function plus(arrPlus){
 var sum = 0;
 for(var i = 0 ; i < arrPlus.length ; i++){
 sum = sum + arrPlus[i];
 }
 console.log('函数plus循环后求和结果的数是'+ sum);
 return sum;

 }
 // 减法运算
 function subtract(arrSubtract){
 var substractResult = arrSubtract[0];
 for(var i = 1 ; i < arrSubtract.length ; i++){
 substractResult = substractResult - arrSubtract[i] ;
 }
 return substractResult;
 }
 // 乘法运算
 function multiple(arrMultiple){
 var multipleResult = 1;
 for(var i = 0 ; i < arrMultiple.length ; i++){
 multipleResult = multipleResult * arrMultiple[i];
 }
 return multipleResult;
 }
 // 除法运算
 function divide(arrDivide){
 var divideResult = arrDivide[0];
 for(var i = 1 ; i < arrDivide.length ; i++){
 divideResult = divideResult / arrDivide[i];
 }
 return divideResult; 
 }
 // 输入需要运算的数值
 function calculateNum(num,mention){
 i = 0;
 num = [];
 do{
 // var i = 0;
 mention = prompt('请输入第'+ (i+1) +'个数,注意:'+'输入"计算"二字将获得结果');
 if(mention != '计算'){
 mention = mention * 1;
 num[i]= mention ;
 i++;
 } 
 }while(mention != '计算');
 console.log('calculateNum存入的数值是' + num);
 return num;
 }
 //显示计算表达式
 function formula( arr){
 fom = [] ;
 for(var i =0 ; i < arr.length ; i++){
 if(apply == 1){
 fom = fom + arr[i] + '+';
 }else if (apply == 2){
 fom = fom + arr[i] + '-';
 }else if (apply == 3){
 fom = fom + arr[i] + '*';
 }else if(apply == 4){
 fom = fom + arr[i] + '/';
 } 
 }
 console.log('计算表达式formula函数输出的是' + fom);
 return fom;
 }

 //全局变量
 var i = 0 ;
 var fom = '';
 var num = [];
 var mention = ''
 apply = '';
 do{
 // 计算器主面板
 apply = prompt('欢迎使用简易计算器\n'+'1、加法运算\n'+'2、减法运算\n'+'3、乘法运算\n'+'4、除法运算\n'+'5、退出\n'+'请输入您的选项');
 apply = apply * 1;
 switch(apply){
 case 1:
 var plusInput = calculateNum(num,mention); 
 alert(formula(plusInput)+'计算结果是' + plus(plusInput));
 break;
 case 2:
 var subtractInput = calculateNum(num,mention); 
 alert(formula(subtractInput)+'计算结果是' + subtract(subtractInput));
 break; 
 case 3:
 var multipleInput = calculateNum(num,mention); 
 alert(formula(multipleInput)+'计算结果是' + multiple(multipleInput));
 break;
 case 4:
 var divideInput = calculateNum(num,mention); 
 alert(formula(divideInput)+'计算结果是' + divide(divideInput));
 break; 
 }
 }while(apply != 5)
 alert('欢迎使用!');
</script>

关于计算器功能实现的更多精彩文章请点击专题:计算器实现 学习查看

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
关于webuploader插件使用过程遇到的小问题
Nov 07 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
为什么要使用Vuex的介绍
Jan 19 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
Apr 26 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 #Javascript
JSON获取属性值方法代码实例
Jun 30 #Javascript
JS猜数字游戏实例讲解
Jun 30 #Javascript
vue实现评价星星功能
Jun 30 #Javascript
Json实现传值到后台代码实例
Jun 30 #Javascript
vue实现循环滚动列表
Jun 30 #Javascript
js实现简单音乐播放器
Jun 30 #Javascript
You might like
linux下 C语言对 php 扩展
2008/12/14 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
JavaScript中获取元素索引的函数
2010/09/10 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
JsRender for object语法简介
2014/10/31 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
2015/11/02 Javascript
js与applet相互调用的方法
2016/06/22 Javascript
微信小程序 自定义消息提示框
2017/08/06 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
[02:22:36]《加油!DOTA》总决赛
2014/09/19 DOTA
Python计算程序运行时间的方法
2014/12/13 Python
Python写的一个简单监控系统
2015/06/19 Python
详解python数据结构和算法
2019/04/18 Python
基于Python实现2种反转链表方法代码实例
2020/07/06 Python
中国宠物用品商城:E宠商城
2016/08/27 全球购物
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
转党组织关系介绍信
2014/01/08 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
招商银行收入证明
2015/06/17 职场文书
服务行业标语口号
2015/12/26 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
Vscode中SSH插件如何远程连接Linux
2022/05/02 Servers
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript