---
# System prepended metadata

title: JS 控制與判斷篇 - 比較運算子，劇情範例篇
tags: [JavaScript - if else 控制與判斷篇]

---

# JS 控制與判斷篇 - 比較運算子，劇情範例篇 

- 以下是一組餐廳的對話，我們來實作一次控制與判斷篇:

```
// HTML
    <div class="container">
        <h1>餐廳劇情&控制與判斷</h1>
        <p>服務生:Hello，請問您是本日壽星嗎?</p>
        <p>顧客:<em id="birthdayId"></em></p>
        <p>服務生:請問人還沒到齊嗎?看預約名單，您是預訂了兩個位置</p>
        <p>顧客:<em id="peopleId"></em></p>
        <script src="js/all.js"></script>
    </div>
```

```
// JavaScript:

// 現在月份: 4
// 我的生日月份: 12

var nowMonth = 4;
var myBirthMon = 12;
var thisMonth = nowMonth == myBirthMon;

console.log(thisMonth); // 驗證是否為 false

document.getElementById('birthdayId').textContent = thisMonth;


// 我的當前人數: 1 - 現在:當下
// 我的目標人數: 2 - 預約訂位
// 詢問當下是否還沒到齊?

var nowPeople = 1;
var nowHerePeople = 2;
var totalPeople = nowMonth !== nowHerePeople;

console.log(totalPeople); // 驗證是否為 true

document.getElementById('peopleId').textContent = totalPeople;
```


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