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 相关文章推荐
基于JQuery实现异步刷新的代码(转载)
Mar 29 Javascript
JavaScript加强之自定义event事件
Sep 21 Javascript
jquery基础教程之数组使用详解
Mar 10 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
JS自定义混合Mixin函数示例
Nov 26 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
如何在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
世界第一个无线广播电台 KDKA
2021/03/01 无线电
让你的PHP同时支持GIF、png、JPEG
2006/10/09 PHP
PHP 查找字符串常用函数介绍
2012/06/07 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
javascript跨域刷新实现代码
2011/01/01 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
bootstrap vue.js实现tab效果
2017/02/07 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
[58:46]OG vs NAVI 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
windows下 兼容Python2和Python3的解决方法
2018/12/05 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
python文件转为exe文件的方法及用法详解
2019/07/08 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
Python super()函数使用及多重继承
2020/05/06 Python
Python趣味实例,实现一个简单的抽奖刮刮卡
2020/07/18 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
社团招新策划书
2014/02/04 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
负责人任命书范本
2014/06/04 职场文书
债务追讨律师函
2015/06/24 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL
MySQL数据库之内置函数和自定义函数 function
2022/06/16 MySQL