---
tags: 2021 程式體驗營
---
{%hackmd theme-dark %}

# 6/16 每日任務 Day8

## HTML 任務題目
請修改[範例檔案](https://codepen.io/WangShuan/pen/XWMoezY)的 CSS 區塊完成以下三種設計：

1. 圖片大小預設為 800px
2. 將圖片大小在平版模式(768px 以下)設為 500px
3. 將圖片大小在手機版(500px 以下)設為 260px

示意圖：
PC:
iPad:
iPhone X

**Ans: [CodePen 連結](https://codepen.io/jeffhung/pen/WNpPRVa)**

## JS 任務題目

請回答下方三道題目：

Q1 在撰寫 JS 判斷多個條件時當撰寫方式為 `if`+`else if`+`else` 的寫法，下方哪個選項錯誤？
A. 通常 `if` 一定是整個判斷式的開頭 後面才會是 `else if` 或 `else`
B. 判斷式都可以亂寫 順序也能亂排 次數隨便我開心 反正只要 console.log 沒報錯就好
C. 中間的 `else if` 可以重複出現多次用來判斷不同的條件

**Ans: B.**

Q2 關於判斷中的條件式(即 if 判斷式 () 中的內容)，下方選項哪個說明正確？
A. 條件式中除了可以使用數字判斷條件(ex: a > 3) 也可以使用字串判斷是否有符合條件(ex: a == "John")
B. 條件式中只能使用數字判斷條件(ex: a > 3) 不能使用字串判斷是否有符合條件(ex: a == "John")
C. 判斷時條件式中只能寫 a == b 不能寫成 a = b 或 a === b

**Ans: A.**

Q3 請看以下代碼回答 `console.log("今天我也美美噠～")` 是否會執行？以及為什麼會執行 or 為什麼不會執行？

let today = 6;

if (today === 1) {
  console.log("我要穿襯衫");
} else if (today === 2) {
  console.log("我要穿裙子");
} else if (today === 3) {
  console.log("我要穿吊帶褲");
} else if (today === 4) {
  console.log("我要穿踢恤");
} else if (today >= 5 && today <= 7) {
  console.log("抽籤決定要穿什麼好了");
}

console.log("今天我也美美噠～")

**Ans: 會，因為該程式無論如何都會被執行**