---
tags: 2021 程式體驗營
---
{%hackmd theme-dark %}
# 6/15 每日任務 Day7

## HTML 任務題目
請回答下方三道選擇題：

### Q1: 製作響應式網頁時 header 中必須加入什麼東西？
A. `<meta media="true" />`
B. `<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
C. `<script src="./viewport.js"></script>`
- **Ans:B.**
### Q2: 在響應式網頁中嚴格禁止出現以下哪個東西？
A. `X 軸`
B. `Y 軸`
C. `Z 軸`
- **Ans:A.**
### Q3: 關於響應式網頁的說法以下何者錯誤？
A. RWD 是 Responsive Web Design 的簡稱
B. `@media (max-width: 400px) {...}` 表示當螢幕尺寸大於等於 400px 就會套用 `{...}` 中撰寫的樣式
C. `@media (max-width: 400px) {...}` 表示當螢幕尺寸小於等於 400px 就會套用 `{...}` 中撰寫的樣式

不知道的同學可以到 50 小時影音教學找 RWD 手機版網頁設計 章節的那兩個影片學習。
- **Ans:B.**
## JS 任務題目

本題目在練習 **流程判斷 - if、else if、else**，

範例題目為：

1. age 為未滿 19 歲，表示這年紀是 小屁孩
2. age 為 19 至未滿 31 歲，表示這年紀是 青年期
3. age 為 31 至未滿 45 歲，表示這年紀是 壯年期
4. age 為 45 至未滿 65 歲，表示這年紀是 中年期
5. age 為 65 歲以上，表示這年紀是 老年期

答案會寫：

let age = 31;

if (age < 19) {
  console.log("是個小屁孩啊～");
} else if (age >= 19 && age < 31) {
  console.log("到青年期了");
} else if (age >= 31 && age < 45) {
  console.log("是壯年期了");
} else if (age >= 45 && age < 65) {
  console.log("已經是中年期了");
} else {
  console.log("老年期了，你老了");
}

接下來換您試試看，請依照以上範例，宣告變數 age 並使用 if、else if、else 撰寫出以下條件：

1. age 為未滿 2 歲，表示這年紀是個 寶寶
2. age 為 2 至未滿 6 歲，表示這年紀是 幼兒園小朋友 了
3. age 為 6 至未滿 12 歲，表示這年紀是 國小生 了
4. age 為 12 至未滿 15 歲，表示這年紀是 國中生 了
5. age 為 15 至未滿 18 歲，表示這年紀是 高中生 了
6. age 為 18 歲以上，表示這年紀是 成年人 了
### Result: