JS簡易計算器實例講解
本文實例為大家分享了JS實現(xiàn)簡易計算器的具體代碼,供大家參考,具體內(nèi)容如下
簡易計算器:
1)選擇需要運算的類型,輸入對應(yīng)的數(shù)字
2)輸入需要參與運算的數(shù)字
3)輸入“計算”二字,進(jìn)行運算后,顯示運算結(jié)果及運算表達(dá)式

<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;
}
//顯示計算表達(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('計算表達(dá)式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-12
JavaScript實現(xiàn)網(wǎng)頁截圖功能
這篇文章主要介紹了JavaScript實現(xiàn)網(wǎng)頁截圖功能,本文介紹了2款實現(xiàn)JavaScript截圖的開源組件,一個是Canvas2Image,一個是html2canvas,需要的朋友可以參考下2014-10-10
javascript 解決表單仍然提交即使監(jiān)聽處理函數(shù)返回false
解決表單依舊提交即使監(jiān)聽處理函數(shù)返回false2010-03-03

