JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器

第JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器的具體代碼，供大家參考，具體內(nèi)容如下

我們學(xué)完了函數(shù)，做一個(gè)網(wǎng)頁計(jì)算器的小案例，鞏固一下。

共兩個(gè)案例：

案例一圖：

相加：

相減：

相乘：

相除：

代碼如下：

結(jié)構(gòu)：

p整數(shù)1：inputtype="text"name=""id="num1"/p

p整數(shù)2：inputtype="text"name=""id="num2"/p

p

inputtype="button"value="相加"

inputtype="button"value="相減"

inputtype="button"value="相乘"

inputtype="button"value="相除"

/p

p結(jié)果：inputtype="text"name=""id="result"/p

script

functionmath(func){

varresult=document.getElementById('result');

varnum1=parseInt(document.getElementById('num1').value);

varnum2=parseInt(document.getElementById('num2').value);

if(isNaN(num1)||isNaN(num2)){

alert('輸入數(shù)字，你個(gè)傻吊');

returnfalse;

}else{

result.value=func(num1,num2);

}

}

functionadd(num1,num2){

returnnum1+num2;

}

functionfuck(num1,num2){

returnnum1-num2;

}

functiondoubles(num1,num2){

returnnum1*num2;

}

functionfucks(num1,num2){

returnnum1/num2;

}

/script

案例二：

案例圖：（實(shí)現(xiàn)案例圖上的功能）

script

while(true){

varchoose=parseInt(prompt('歡迎使用簡(jiǎn)易計(jì)算器：'+'\n'+'1.加法操作'+'\n'+'2.減法操作'+'\n'+'3.乘法操作'+'\n'+'4.除法操作'+'\n'+'5.退出'));

if(choose5||choose=0){

alert('請(qǐng)輸入1-5之間的選項(xiàng)...');

continue;

}else{

if(choose==1){

alert('歡迎使用加法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');

varnum1=parseFloat(prompt('第一個(gè)數(shù)值：'));

varnum2=parseFloat(prompt('第二個(gè)數(shù)值：'));

alert('結(jié)果為：'+(num1+num2));

continue;

}elseif(choose==2){

alert('歡迎使用減法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');

varnum1=parseFloat(prompt('第一個(gè)數(shù)值：'));

varnum2=parseFloat(prompt('第二個(gè)數(shù)值：'));

alert('結(jié)果為：'+(num1-num2));

continue;

}elseif(choose==3){

alert('歡迎使用乘法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');

varnum1=parseFloat(prompt('第一個(gè)數(shù)值：'));

varnum2=parseFloat(prompt('第二個(gè)數(shù)值：'));

alert('結(jié)果為：'+(num1*num2));

continue;

}elseif(choose==4){

alert('歡迎使用加法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');

varnum1=parseFloat(prompt('第一個(gè)數(shù)值：'));

varnum2=parseFloat(prompt('第二個(gè)數(shù)值：'));

alert('結(jié)果為：'+(num1/num2));

continue;

}else{

alert('歡迎再次使用');