---
# System prepended metadata

title: JS 控制與判斷篇 - else if 教學
tags: [JavaScript - if else 控制與判斷篇]

---

# JS 控制與判斷篇 - else if 教學

### if 以外的選擇 else if:

- 例如，今天可能我們的肚子可能在飢餓程度上會有:

1. 我很餓

2. 我不算太餓

3. 我不餓

   這樣一來是不是在進食上，我們就會有**三種不一樣的選擇方式**?
   
   而 `else if` 就是呼應類似這樣的情況下所產生的語法: 

- else if - 假設 if **條件不成立**，那好，我就跳過並執行 else if 的條件

---


- 範例程式碼:

  下列程式碼最後會跳出什麼答案呢:

```
//當前飢餓程度: 
var hungry = 9;

function eat(foods) {
    console.log('我現在想吃' + foods);
}


if (hungry <= 3) {
    eat('披薩');
} else if (hungry > 3 && hungry <= 7) {
    eat('沙拉');
} else {
    console.log('我現在不是很餓，不需要吃東西');
}

// 我現在不是很餓，不需要吃東西
```

### 範例練習:

```
// HTML:
    <div id="container">
        <h1>六角學院,贈品篇</h1>
        <p>服務生:請問您是VIP嗎?帳單有滿千嗎</p>
        <p>顧客:<em id="myCost"></em></p>
        <p>抱歉，是我記錯了，您只需要滿足一項條件就可以獲取贈品了!</p>
        <p>顧客<em id="onlyOne"></em></p>
    </div>
```

```
// JavaScript:
// id="myCost"  請問您是VIP嗎?帳單有滿千嗎 A: 沒有
// id="onlyOne" 您只需要滿足一項條件就可以獲取贈品了

var needCash = 1000;
var myCash = 999;
var total = myCash > needCash;

var vip = true;


// 我只有一個滿足

function andCheck() {
    if (total == true && vip == true) {
        document.getElementById('myCost').textContent = '都有達成,太棒了!';
    } else {
        document.getElementById('myCost').textContent = '少了一樣,悲劇';
    }
}

andCheck();

function orCheck() {
    if (total == true || vip == true) {
        document.getElementById('onlyOne').textContent = '謝謝您';
    }
}

orCheck();
```

###### tags: `JavaScript - if else 控制與判斷篇`
