昨天我們學會了「變數」這個小倉庫，能把資料存起來再拿出來用。
但如果我們想要根據不同情況，做出不同的結果呢？
這就是 條件判斷 (if/else) 要登場的時候了！
它就像是人生的岔路口 🚦，根據條件的真假，走不同的路。

1. if 基本語法

if (條件) {
  // 如果條件為 true，執行這裡
}

範例：判斷年齡

let age = 20;

if (age >= 18) {
  console.log("你已成年 ✅");
}

2. if…else

if (條件) {
  // 條件為 true 時執行
} else {
  // 條件為 false 時執行
}

範例：判斷是否成年

let age = 16;

if (age >= 18) {
  console.log("你已成年 ✅");
} else {
  console.log("你還未成年 ❌");
}

3. if…else if…else

當有多個條件需要判斷時，可以用 else if 串接。

範例：成績評分系統

let score = 85;

if (score >= 90) {
  console.log("A 等級 🎉");
} else if (score >= 80) {
  console.log("B 等級 👍");
} else if (score >= 70) {
  console.log("C 等級 🙂");
} else {
  console.log("需要加油 💪");
}

4. 比較運算子

•=== 全等於

•!== 不等於

•> 大於、< 小於

•>= 大於等於、<= 小於等於

範例

let x = 10;
console.log(x === 10); // true
console.log(x !== 5);  // true

5. 邏輯運算子

•&&（AND，且）：兩邊都要 true 才成立

•||（OR，或）：只要有一邊 true 就成立

•!（NOT，非）：反轉真假

範例：登入系統檢查

let username = "Ting";
let password = "1234";

if (username === "Ting" && password === "1234") {
  console.log("登入成功 🎉");
} else {
  console.log("帳號或密碼錯誤 ❌");
}

** 今日實戰**
(1) 成年檢查

輸入年齡，顯示是否成年。

<input id="age" type="number" placeholder="輸入年齡">
<button onclick="checkAge()">檢查</button>
<p id="result"></p>

<script>
  function checkAge() {
    let age = document.getElementById("age").value;
    let result = document.getElementById("result");

    if (age >= 18) {
      result.textContent = "你已成年 ✅";
    } else {
      result.textContent = "你還未成年 ❌";
    }
  }
</script>

(2) 成績評分

<input id="score" type="number" placeholder="輸入分數">
<button onclick="checkScore()">檢查成績</button>
<p id="grade"></p>

<script>
  function checkScore() {
    let score = document.getElementById("score").value;
    let grade = document.getElementById("grade");

    if (score >= 90) {
      grade.textContent = "A 等級 🎉";
    } else if (score >= 80) {
      grade.textContent = "B 等級 👍";
    } else if (score >= 70) {
      grade.textContent = "C 等級 🙂";
    } else {
      grade.textContent = "需要加油 💪";
    }
  }
</script>

今日小結

•if/else 就像岔路口，幫程式決定走哪一條路。

•學會了 比較運算子 和 邏輯運算子，能寫更精確的判斷。

•完成了 成年檢查 和 成績評分 兩個小實戰。

明天（Day 18）我們要學的是 迴圈 (for/while)，讓電腦自動重複做事情，不用我們手動一行一行寫！ 🔄