JS簡(jiǎn)易計(jì)算器實(shí)例講解
本文實(shí)例為大家分享了JS實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的具體代碼,供大家參考,具體內(nèi)容如下
簡(jiǎn)易計(jì)算器:
1)選擇需要運(yùn)算的類型,輸入對(duì)應(yīng)的數(shù)字
2)輸入需要參與運(yùn)算的數(shù)字
3)輸入“計(jì)算”二字,進(jìn)行運(yùn)算后,顯示運(yùn)算結(jié)果及運(yùn)算表達(dá)式
<script type="text/javascript"> // 加法運(yùn)算 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; } // 減法運(yùn)算 function subtract(arrSubtract){ var substractResult = arrSubtract[0]; for(var i = 1 ; i < arrSubtract.length ; i++){ substractResult = substractResult - arrSubtract[i] ; } return substractResult; } // 乘法運(yùn)算 function multiple(arrMultiple){ var multipleResult = 1; for(var i = 0 ; i < arrMultiple.length ; i++){ multipleResult = multipleResult * arrMultiple[i]; } return multipleResult; } // 除法運(yùn)算 function divide(arrDivide){ var divideResult = arrDivide[0]; for(var i = 1 ; i < arrDivide.length ; i++){ divideResult = divideResult / arrDivide[i]; } return divideResult; } // 輸入需要運(yùn)算的數(shù)值 function calculateNum(num,mention){ i = 0; num = []; do{ // var i = 0; mention = prompt('請(qǐng)輸入第'+ (i+1) +'個(gè)數(shù),注意:'+'輸入"計(jì)算"二字將獲得結(jié)果'); if(mention != '計(jì)算'){ mention = mention * 1; num[i]= mention ; i++; } }while(mention != '計(jì)算'); console.log('calculateNum存入的數(shù)值是' + num); return num; } //顯示計(jì)算表達(dá)式 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('計(jì)算表達(dá)式formula函數(shù)輸出的是' + fom); return fom; } //全局變量 var i = 0 ; var fom = ''; var num = []; var mention = '' apply = ''; do{ // 計(jì)算器主面板 apply = prompt('歡迎使用簡(jiǎn)易計(jì)算器\n'+'1、加法運(yùn)算\n'+'2、減法運(yùn)算\n'+'3、乘法運(yùn)算\n'+'4、除法運(yùn)算\n'+'5、退出\n'+'請(qǐng)輸入您的選項(xiàng)'); apply = apply * 1; switch(apply){ case 1: var plusInput = calculateNum(num,mention); alert(formula(plusInput)+'計(jì)算結(jié)果是' + plus(plusInput)); break; case 2: var subtractInput = calculateNum(num,mention); alert(formula(subtractInput)+'計(jì)算結(jié)果是' + subtract(subtractInput)); break; case 3: var multipleInput = calculateNum(num,mention); alert(formula(multipleInput)+'計(jì)算結(jié)果是' + multiple(multipleInput)); break; case 4: var divideInput = calculateNum(num,mention); alert(formula(divideInput)+'計(jì)算結(jié)果是' + divide(divideInput)); break; } }while(apply != 5) alert('歡迎使用!'); </script>
關(guān)于計(jì)算器功能實(shí)現(xiàn)的更多精彩文章請(qǐng)點(diǎn)擊專題:計(jì)算器實(shí)現(xiàn) 學(xué)習(xí)查看
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 實(shí)例講解JavaScript 計(jì)時(shí)事件
- JS制作簡(jiǎn)易計(jì)算器的實(shí)例代碼
- JS猜數(shù)字游戲?qū)嵗v解
- Json實(shí)現(xiàn)傳值到后臺(tái)代碼實(shí)例
- JavaScript多種圖形實(shí)現(xiàn)代碼實(shí)例
- Json字符串轉(zhuǎn)Java對(duì)象和List代碼實(shí)例
- 通過(guò)實(shí)例了解JS執(zhí)行上下文運(yùn)行原理
- JS原型對(duì)象操作實(shí)例分析
- JS實(shí)現(xiàn)聯(lián)想、自動(dòng)補(bǔ)齊國(guó)家或地區(qū)名稱的功能
相關(guān)文章
JS 各種網(wǎng)頁(yè)尺寸判斷實(shí)例方法
JS 各種網(wǎng)頁(yè)尺寸判斷實(shí)例方法,需要的朋友可以參考一下2013-04-04javascript中String對(duì)象的slice()方法分析
這篇文章主要介紹了javascript中String對(duì)象的slice()方法,以實(shí)例形式分析了slice()方法的定義、參數(shù)與具體用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)截圖功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)截圖功能,本文介紹了2款實(shí)現(xiàn)JavaScript截圖的開(kāi)源組件,一個(gè)是Canvas2Image,一個(gè)是html2canvas,需要的朋友可以參考下2014-10-10js實(shí)現(xiàn)隨機(jī)點(diǎn)名功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)隨機(jī)點(diǎn)名功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12javascript 解決表單仍然提交即使監(jiān)聽(tīng)處理函數(shù)返回false
解決表單依舊提交即使監(jiān)聽(tīng)處理函數(shù)返回false2010-03-03模仿JQuery sortable效果 代碼有錯(cuò)但值得看看
模仿JQuery sortable效果 代碼有錯(cuò)但值得看看,因?yàn)闀r(shí)間關(guān)系,需要的朋友可以參考下。2009-11-11