JS簡易計算器實例講解
本文實例為大家分享了JS實現(xiàn)簡易計算器的具體代碼,供大家參考,具體內(nèi)容如下
簡易計算器:
1)選擇需要運算的類型,輸入對應(yīng)的數(shù)字
2)輸入需要參與運算的數(shù)字
3)輸入“計算”二字,進行運算后,顯示運算結(jié)果及運算表達式
<script type="text/javascript"> // 加法運算 function plus(arrPlus){ var sum = 0; for(var i = 0 ; i < arrPlus.length ; i++){ sum = sum + arrPlus[i]; } console.log('函數(shù)plus循環(huán)后求和結(jié)果的數(shù)是'+ 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; } // 輸入需要運算的數(shù)值 function calculateNum(num,mention){ i = 0; num = []; do{ // var i = 0; mention = prompt('請輸入第'+ (i+1) +'個數(shù),注意:'+'輸入"計算"二字將獲得結(jié)果'); if(mention != '計算'){ mention = mention * 1; num[i]= mention ; i++; } }while(mention != '計算'); console.log('calculateNum存入的數(shù)值是' + 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函數(shù)輸出的是' + 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)+'計算結(jié)果是' + plus(plusInput)); break; case 2: var subtractInput = calculateNum(num,mention); alert(formula(subtractInput)+'計算結(jié)果是' + subtract(subtractInput)); break; case 3: var multipleInput = calculateNum(num,mention); alert(formula(multipleInput)+'計算結(jié)果是' + multiple(multipleInput)); break; case 4: var divideInput = calculateNum(num,mention); alert(formula(divideInput)+'計算結(jié)果是' + divide(divideInput)); break; } }while(apply != 5) alert('歡迎使用!'); </script>
關(guān)于計算器功能實現(xiàn)的更多精彩文章請點擊專題:計算器實現(xiàn) 學(xué)習(xí)查看
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript中String對象的slice()方法分析
這篇文章主要介紹了javascript中String對象的slice()方法,以實例形式分析了slice()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12JavaScript實現(xiàn)網(wǎng)頁截圖功能
這篇文章主要介紹了JavaScript實現(xiàn)網(wǎng)頁截圖功能,本文介紹了2款實現(xiàn)JavaScript截圖的開源組件,一個是Canvas2Image,一個是html2canvas,需要的朋友可以參考下2014-10-10javascript 解決表單仍然提交即使監(jiān)聽處理函數(shù)返回false
解決表單依舊提交即使監(jiān)聽處理函數(shù)返回false2010-03-03