欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法

 更新時(shí)間:2022年07月29日 11:04:35   作者:是木木呀22  
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的兩種方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了兩種JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能的具體代碼,供大家參考,具體內(nèi)容如下

1. 使用基本數(shù)據(jù)類(lèi)型

注意點(diǎn): prompt 用戶(hù)從瀏覽器輸入的任何數(shù)據(jù)都是字符串型的,使用數(shù)字需要強(qiáng)制轉(zhuǎn)換

// 簡(jiǎn)易對(duì)象器
function input1(){
? ? var num1 = prompt('請(qǐng)輸入第一個(gè)數(shù):');
? ? return parseFloat(num1);
}
function input2(){
? ? var num2 = prompt('請(qǐng)輸入第二個(gè)數(shù):');
? ? return parseFloat(num2);
}
// 1. 加法運(yùn)算
function add(num1, num2){
? ? return num1 + num2;
}
// 2. 減法運(yùn)算
function sub(num1, num2){
? ? return num1 - num2;
}
// 3. 乘法運(yùn)算
function multiply(num1, num2){
? ? return num1 * num2;
}
// 4. 除法運(yùn)算
function divition(num1, num2){
? ? return num1 / num2;
}
var str = '歡迎使用簡(jiǎn)易計(jì)算器:\n1. 加法運(yùn)算;\n2. 減法運(yùn)算;\n3. 乘法運(yùn)算;\n4. 除法運(yùn)算;\n5. 退出:\n請(qǐng)輸入您的選項(xiàng)';
var option;
var result;
do{
? ? option = parseFloat(prompt(str));
? ? switch (option){
? ? case 1:
? ? ? ? result = add(input1(), input2());
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 2:
? ? ? ? result = sub(input1(), input2());
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 3:
? ? ? ? result = multiply(input1(), input2());
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 4:
? ? ? ? result = divition(input1(), input2());
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 5:
? ? ? ? alert('已退出程序');
? ? ? ? break;
? ? default:
? ? ? ? alert('輸入錯(cuò)誤,請(qǐng)重新輸入');
? ? ? ? break;
? ? }
} while(option != 5);

效果展示:

2.使用對(duì)象,將簡(jiǎn)易計(jì)算器作為一個(gè)對(duì)象創(chuàng)建

注意點(diǎn):構(gòu)造函數(shù)命名首字母大寫(xiě)

?// 創(chuàng)建簡(jiǎn)易計(jì)算器, 一個(gè)運(yùn)算類(lèi) 注意構(gòu)造函數(shù)命名 首字母大寫(xiě)
function Counter(num1, num2){
? ? //輸入 數(shù)據(jù) 這里感覺(jué)好像有點(diǎn)多于,但是沒(méi)有的話,又有點(diǎn)奇怪 可以把下面num1num2全部加上this
? ? this.num1 = num1;
? ? this.num2 = num2;
? ? // 加
? ? this.add = function(){
? ? ? ? return num1 + num2;
? ? }
? ? // 減
? ? this.sub = function(){
? ? ? ? return num1 - num2;
? ? }
? ? // 乘
? ? this.multiply = function(){
? ? ? ? return num1 * num2;
? ? }
? ? // 除
? ? this.divition = function(){
? ? ? ? return num1 / num2;
? ? }
}
function input1(){
? ? var num1 = prompt('請(qǐng)輸入第一個(gè)數(shù):');
? ? return parseFloat(num1);
}
function input2(){
? ? var num2 = prompt('請(qǐng)輸入第二個(gè)數(shù):');
? ? return parseFloat(num2);
}
var str = '歡迎使用簡(jiǎn)易計(jì)算器:\n1. 加法運(yùn)算;\n2. 減法運(yùn)算;\n3. 乘法運(yùn)算;\n4. 除法運(yùn)算;\n5. 退出:\n請(qǐng)輸入您的選項(xiàng)';
var option = 0;
var result;
while(option != 5){
? ? option = parseFloat(prompt(str));
? ? if(option != 5){ //防止輸入5后下一步還運(yùn)行創(chuàng)建新運(yùn)算對(duì)象,所以直接跳過(guò)去選擇case5然后跳出循環(huán)
? ? ? ? var counter_new = new Counter(input1(), input2()); // 新的運(yùn)算對(duì)象
? ? }
? ? switch (option){
? ? case 1:
? ? ? ? result = counter_new.add();
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 2:
? ? ? ? result = counter_new.sub();
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 3:
? ? ? ? result = counter_new.multiply();
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 4:
? ? ? ? result = counter_new.divition();
? ? ? ? alert('結(jié)果是 ' + result);
? ? ? ? break;
? ? case 5:
? ? ? ? alert('已退出程序');
? ? ? ? break;
? ? default:
? ? ? ? alert('輸入錯(cuò)誤,請(qǐng)重新輸入');
? ? ? ? break;
? ? }
}?

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論