# 🏅 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 -->