---
# System prepended metadata

title: "\U0001F3C5 2/25 (四) 每日任務"
tags: [JS 直播班 - 2021 春季班]

---

# 🏅 2/25 (四) 每日任務
###### tags: `JS 直播班 - 2021 春季班`

Whimsical  使用教學
---
以下簡單用 4 個步驟教大家如何用 [Whimsical ](https://whimsical.com/login) 畫出流程圖 ! 



#### Step1，選擇建立流程圖，如下圖:

![](https://i.imgur.com/5mXcNIt.png)


#### Step2，選擇所要執行的操作，下圖是面板選項介紹:
作業只會用到插入流程圖符號、插入連結符號、插入文字這三個選項

![](https://i.imgur.com/eJG9fJL.png)

#### Step3, 開始畫流程圖吧! 
可以透過以下兩種方式連結各個流程圖符號
![](https://i.imgur.com/qndbLXq.png)

#### Step4, 如何匯出作業
點選右上角的球球按鈕，記得把狀態切換成 「can view」，最後 Copy Link 就完成了! (可以複製到無痕模式檢查一下可否觀看)
![](https://i.imgur.com/WRfn6NH.png)


基礎流程圖符號
---

以下是這次的每日任務所會使用到的流程圖符號，提供給同學參考。

![](https://i.imgur.com/NnK0m1T.png)





問題
---
以下請先用 Whimsical 畫流程圖，再透過 CodePen 寫出程式碼:

>輸入一個正整數，判斷這個數字是一個奇數還是偶數
>狀況一: 是奇數，則 console.log("此數為奇數")
>狀況二: 是偶數，則 console.log("此數為偶數")


回報流程
---
將答案寫在 CodePen 並複製 CodePen 連結貼至 thread 中回報，並須附上 Whimsical 連結。 請參考下圖觀看解答（需打開程式碼的部分觀看）

![](https://i.imgur.com/6UoJVtD.png)

<!-- 解答 
```
let a = 19;
if(a % 2 == 0){
		console.log("偶數")
}else{
		console.log("奇數")
}
```

https://i.imgur.com/W0K6u2w.png
-->
