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 相关文章推荐
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
jquery星级插件、支持页面中多次使用
Mar 25 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
深入理解jQuery中的事件冒泡
May 24 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 Javascript
self.attachevent is not a function的解决方法
Apr 04 Javascript
element-ui的回调函数Events的用法详解
Oct 16 Javascript
关于自定义Egg.js的请求级别日志详解
Dec 12 Javascript
在nuxt中使用路由重定向的实例
Nov 06 Javascript
vue实现下载文件流完整前后端代码
Nov 17 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
PHP中创建并处理图象
2006/10/09 PHP
php实现通过ftp上传文件
2015/06/19 PHP
thinkPHP5框架闭包函数与子查询传参用法示例
2018/08/02 PHP
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
2012/02/03 Javascript
JS实现随机化快速排序的实例代码
2013/08/01 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
JavaScript实现简单验证码
2020/08/24 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
django模板语法学习之include示例详解
2017/12/17 Python
Python解决八皇后问题示例
2018/04/22 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
小学岗位竞聘方案
2014/01/22 职场文书
粗加工管理制度
2014/02/04 职场文书
让世界充满爱演讲稿
2014/05/24 职场文书
公司会议开幕词
2015/01/29 职场文书
慰问信范文
2015/02/14 职场文书
节约用电倡议书
2015/04/28 职场文书
员工表扬信怎么写
2015/05/05 职场文书
风之谷观后感
2015/06/11 职场文书
寻找成龙观后感
2015/06/12 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书