---
# System prepended metadata

title: "\U0001F3C5 DAY40 每日任務"
tags: [JS 直播班  - 2021 秋季班]

---

# 🏅 DAY40 每日任務
###### tags: `JS 直播班  - 2021 秋季班`

參考程式碼:
https://codepen.io/hexschool/pen/JjERgYq?editors=0010

問題
---
延續 [DAY39 的每日任務](https://hackmd.io/pBYjric5R1CRVsaU_2xeTw)，請使用 [這個 CodePen](https://codepen.io/znlcgmgk/pen/VwPzJmL?editors=1011) 作答，串接的 API 為下圖:

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

請同學練習實作「送出訂單」的功能，送出的訂單可以到 [API 文件](https://hexschool.github.io/hexschoolliveswagger/) 點選【Try it out】 檢查是否有成功送出 (須點擊右方的鑰匙 icon，輸入你的 UID 解鎖才能使用)。

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


> 加分題: 可以試著使用 Validate.js 練習做表單驗證，驗證成功才送出訂單，如下圖:

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

回報流程
---
將答案寫在 CodePen 並複製 CodePen 連結貼至 thread 中回報就算完成了喔! 解答請參考下圖（需打開程式碼的部分觀看）

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

<!-- 解答
https://codepen.io/znlcgmgk/pen/xxgLRQM?editors=1011
-->

|      Slack       |       CodePen       |
|:----------------:|:-------------------:|
|   Karen Huang    |  https://codepen.io/Coding_Snorlax/full/RwLNJvG| 
|   米米   |  https://codepen.io/Jameshsu0407/pen/MWEwBWq?editors=0110| 
|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/ZEXGRmR|
|Aaron Tu|https://github.com/ken888686/day-mission|
| POPEYE | https://codepen.io/popeye_ux/pen/qBPdybB |
|    Iris Huang    |    https://codepen.io/ythuang/pen/JjrdBog    |
|Cheng pei-hsuan|https://codepen.io/PaCheng/pen/zYdGKpO|
Tim Lin|https://codepen.io/TimmyLin/pen/JjrdBOY
| Peter Chen | https://codepen.io/yuckugjy-the-sasster/pen/OJxVore |
| Gill | https://codepen.io/Gill-Chin/pen/NWaPQrZ?editors=1011 |
| Kelvin Hsu | https://codepen.io/kelvin001/pen/oNGXMdz?editors=1111 |
| 劉維倫 | https://codepen.io/lun0223/pen/VwMLVGp |
|Calon|https://codepen.io/Calon0118/pen/NWaqeNJ|
| YC | https://codepen.io/YCLu/pen/Jjrdwgv |
|lumei|https://codepen.io/l_umei/pen/vYeEoga|
| Yunei | https://codepen.io/Yunei/pen/MWEwqry |
|tingyu|https://codepen.io/dgltu/pen/NWaqLwQ?editors=1011|
|Trista|https://codepen.io/trista6140/pen/xxXwgwN|
| 黃士桓 | https://codepen.io/shr-huan-huang/pen/XWemMdm?editors=1010 |
| Pei Ying | https://codepen.io/Pei-Ying/pen/jOGPdeG |
| 小K | https://codepen.io/kelen1995/pen/poWjMdM |
| Sihle Huang | https://codepen.io/bugbug777/pen/qBPOwMX |
| Louis | https://codepen.io/Louis164156/pen/zYEGeKW?editors=1010 |
| Steven Chan |https://codepen.io/Steven1220/pen/poWgKQR?editors=1111 |
| Bonnie |https://codepen.io/bonnieli1414/pen/wvrGWEd?editors=1111 |
|洋蔥|https://codepen.io/oikdkmxq-the-looper/pen/RwLRbqq?editors=1011|
|吉兒| https://codepen.io/Jillkate/pen/xxXZQzN |
|鄭安志|https://codepen.io/lwmtsgek/pen/YzrqgbX|
|   ZOE WU  |  https://codepen.io/Zoechiueh/pen/OJxXgBN?editors=1010 | 
|  LTL  |  https://codepen.io/ltlin93/pen/KKXNKGg | 
|Genos|https://codepen.io/pb220416/pen/oNGYEyY|
| 傅劍軒 | https://codepen.io/seonkuraito/pen/ExwjpaJ?editors=0011 |
paul|https://codepen.io/printfootya/pen/poWNbdg?editors=0010|
|Jasper|https://codepen.io/li-jasper/pen/VwMPmQj|
|Hamaji| https://codepen.io/hamajibashi/pen/WNZjWwW |
|ZY Hsu| https://codepen.io/zihyin/pen/gOGREXm?editors=0011 |

