---
# System prepended metadata

title: 'JS 控制與判斷篇 - 情境模擬 (AND 與 OR)篇練習:'
tags: [JavaScript - if else 控制與判斷篇]

---

# JS 控制與判斷篇 - 情境模擬 (AND 與 OR)篇練習:

### 情境一: 需同時滿足兩個條件才能達成 - &&

```
<p>服務生:請問你是VIP嗎?帳單有滿千嗎?若都有的話，將享有折扣!</p>
<p>顧客:<em id="fullMoney"></em></p>

// JS:

var costMoney = 2000;
var vip = false;

// 須滿足一千元 and 同時也是 vip ; user 花費 2000 但不是 vip 

// 兩者都需要同時達成 AND &&
var andCheck = costMoney >= 1000 && vip == true;
document.getElementById('fullMoney').textContent = andCheck;

// 這邊會回傳: false，因為當事人花費了 2000 ok, 但他不是 vip 身分，顧客答: false
```

### 情境二:只需要達成其中一項即可!

```
<p>服務生:不好意思!我記錯了，是您只需要滿足其中一項條件即可唷!</p>
<p>顧客:<em id="okMoney"></em></p>

// JS:

var costMoney = 2000;
var vip = false;

// 兩者只需要滿足一項即可: OR ||

var orCheck = costMoney >= 1000 || vip == true;
document.getElementById('okMoney').textContent = orCheck;

// 這邊會回傳: true，因為我滿足了低消，雖然不是 VIP，但因為 or 的特性，故回傳: true
```

[mycodepen](https://codepen.io/rrpaqjcq/pen/GRyQXGL)



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