本文例項為大家分享了JS實現簡易計算器的具體程式碼，供大家參考，具體內容如下

簡易計算器：

1）選擇需要運算的型別，輸入對應的數字
2）輸入需要參與運算的數字
3）輸入“計算”二字，進行運算後，顯示運算結果及運算表示式

<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>

關於計算器功能實現的更多精彩文章請點選專題：計算器實現 學習檢視

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。