iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

JavaScript 新手筆記系列 第 6

Day06 - 變數(03) - BMI

  • 分享至 

  • xImage
  •  

前言

今次預計做一個 BMI 的計算,結合判斷與算數運算

說明

  • BMI :身高體重指數(又稱身體質量指數,英文為 Body Mass Index)
    • 計算公式:BMI = 體重(公斤) / 身高^2(公尺)
    • 來源:WIKI
var weight = 70;  // 重量
var height = 1.70; // 身高
var BMI = weight / (height * height); // BMI 計算
console.log("BMI值:" + BMI); // 印出 BMI 計算結果
  • 設定3個變數:weight、height、BMI
  • weight、height依照自己的喜好設定
  • BMI 依照計算公式設定 weight / (height * height)
  • 利用 console.log 進行輸出
  • 輸出結果 BMI值:24.221453287197235

if else

  • 利用 if else 加入一個比較的判斷
if (條件) {
 // 假如( if )滿足條件( true ),就執行這個{ }內的內容

} else {
 // 否則( else ),就執行這個{ }內的內容
}
  • 套入 BMI 內,修改 weight、height 的數值進行確認,檢查是否有變化
var weight = 70;  // 重量
var height = 1.70; // 身高
var BMI = weight / (height * height); // BMI 計算
console.log("BMI值:" + BMI); // 印出 BMI 計算結果

// BMI 大於等於 24,輸出過胖,否則輸出正常
if (BMI >= 24){
console.log("似乎有點過胖囉!");
} else { 
console.log("似乎還蠻正常的!");
}

問題

  • 有多種可能性,可以加入 else if 做追加分類
if (條件1) {
 // 假如( if )滿足條件1( true ),就執行這個{ }內的內容
} else if (條件2) {
 // 否則假如( else if )滿足條件2( true ),就執行這個{ }內的內容
} else {
 // 否則( else ),就執行這個{ }內的內容
}
  • 條件判斷很多,可以加入邏輯判斷

    • 運算式1 && 運算式2 :運算式1 和 運算式2 皆成立
    • 運算式1 || 運算式2 :運算式1 或 運算式2 成立
    • 可參考之前所說:運算式與運算子
  • 組合如下,把 if 的條件修改,之後修改 weight、height 的數值檢查是否皆有變化

if (BMI >= 18 && BMI <= 24){
console.log("似乎還蠻正常的!");
} else if (BMI > 24){ 
console.log("似乎有點過胖囉!");
} else { 
console.log("似乎有點過瘦囉!");
}

次回

把 JS 與 HTML 做一個簡單互動吧!


上一篇
Day05 - 變數(02)
下一篇
Day07 - 變數(04)
系列文
JavaScript 新手筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言