JS if|JS 學徒特訓班|六角學院

【六角學院 – JS 學徒特訓班 – 第七天】

這裡紀錄六角學院的 JS 學徒特訓班試題的筆記,方便日後可以在職場上可以學習與複習,總共有六十關,讓自己的 JS 觀念可以更好!


情境:

昨天老闆說他收到客訴,客戶們都一致反應小杰的態度不好,這讓小杰感到黑人問號。

後來發現的原因是,在之前 VIP 活動,小杰 都是這樣回覆客戶

console.log("Bob 的 VIP 條件為 true")

客戶A:「true 什麼鬼…可以說中文嗎?」
客戶B:「是瞧不起我嗎?老闆我好歹跟你有五年交情,我兒子都來你這邊吃飯欸!」

於是老闆斥責小杰,要求他講中文,於是給了他以下資源,要他好好學 if 這個工具。

教學連結

第一題 if 的練習

成為 VIP 會員的條件,只要購買滿 200 元,
現在 會員 A 購買了 350 元,請用 if 判斷是否要給他 VIP 卡。

var VIPTotal = 200;
var memberPrice = 350;

// 請透過 if 來設計回覆,如果對方滿足門檻
// 就回覆 console.log("您好,您有達到 VIP 門檻。這裡給您 VIP 會員卡(遞上")

參考解答:

var VIPTotal = 200;
var memberPrice = 350;

// 請透過 if 來設計回覆,如果對方滿足門檻
// 就回覆 console.log("您好,您有達到 VIP 門檻。這裡給您 VIP 會員卡(遞上")

if (memberPrice >= VIPTotal) {
  console.log("您好,您有達到 VIP 門檻。這裡給您 VIP 會員卡(遞上");
}

if else 的練習

成為 VIP 會員的條件,只要購買滿 200 元,就可無條件成為會員,Mark 買了 2 個漢堡,2 個 薯條,是否有滿足條件?

var VIPTotal = 200;
var hamburgerPrice = 50;
var friesPrice = 30;

// 請透過 if else 來去設計對方是否有達到條件,有或沒有都需要回覆對方
// 如果有,請顯示 console.log("尊敬的客戶您好,您有達到 VIP 條件")
// 如果沒有達到條件,便用 else 顯示 console.log("尊敬的客戶您好,您還差 xx 元,才有符合 VIP 條件哦~")

參考解答:

var VIPTotal = 200;
var hamburgerPrice = 50;
var friesPrice = 30;

// 請透過 if else 來去設計對方是否有達到條件,有或沒有都需要回覆對方
// 如果有,請顯示 console.log("尊敬的客戶您好,您有達到 VIP 條件")
// 如果沒有達到條件,便用 else 顯示 console.log("尊敬的客戶您好,您還差 xx 元,才有符合 VIP 條件哦~")

// 計算總消費額函式
function consumptionTotal(hamburgerNumber, friesNumber) {
  return (hamburgerPrice * hamburgerNumber) + (friesPrice * friesNumber);
}

var buyTotal = consumptionTotal(2, 2);

if (buyTotal >= VIPTotal) {
  console.log("尊敬的客戶您好,您有達到 VIP 條件");
} else {
  console.log("尊敬的客戶您好,您還差 " + (VIPTotal - buyTotal) + " 元,才有符合 VIP 條件哦~");
}

說明:

1.
計算的函示與五關一模一樣,只要把參數帶入購買的數量就好

2.
宣告一個變數來紀錄 Mark 購買的金額 var buyTotal = consumptionTotal(2, 2);

3.
舊模版字符串寫法:
console.log(“尊敬的客戶您好,您還差 ” + (VIPTotal – buyTotal) + ” 元,才有符合 VIP 條件哦~”);
ES6模版字符串寫法:
console.log(“尊敬的客戶您好,您還差 ${VIPTotal – buyTotal} 元,才有符合 VIP 條件哦~”);


第三題 if、else if、else 練習

小杰都用飢餓度 1~100 來計算,100 就是代表最飢餓,數值皆為整數,不會有小數點
小杰飢餓度 0~20 時,都吃飯糰
小杰飢餓度在 21~40 時,都吃肉燥飯+貢丸湯
小杰飢餓度在 41~60 時,都吃麥當勞
小杰飢餓度在 61~100 時,都吃 99 元火鍋吃到飽

今天小杰的飢餓度是 53,請引導小杰去指定地點用餐

var hungryNum = 53;

if (條件式) {
  console.log();
} else if {
  console.log();
}

// 請用 if、else if 去判斷主人公該吃什麼
// 各區塊回覆內容請顯示 console.log("主人公因為飢餓度在"+hungryNum+",所以他決定去吃麥當勞")

參考解答:

var hungryNum = 53;

if (hungryNum > 60) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃 99 元火鍋吃到飽`);
} else if (hungryNum > 40) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃麥當勞`);
} else if (hungryNum > 20) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃肉燥飯+貢丸湯`);
} else if (hungryNum >= 0) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃飯糰`);
}

// 請用 if、else if 去判斷主人公該吃什麼
// 各區塊回覆內容請顯示 console.log("主人公因為飢餓度在"+hungryNum+",所以他決定去吃麥當勞")

說明:

寫法可從大判斷到小小判斷到大,本題解答用大判斷到小,若是用小開始判斷為:

var hungryNum = 53;

if (hungryNum <= 20) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃飯糰`);
} else if (hungryNum <= 40) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃肉燥飯+貢丸湯`);
} else if (hungryNum <= 60) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃麥當勞`);
} else if (hungryNum <= 100) {
  console.log(`主人公因為飢餓度在${hungryNum},所以他決定去吃 99 元火鍋吃到飽`);
}

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *