---
# System prepended metadata

title: "\U0001F3C5 4/9 (五) 每日任務"
tags: [JS 直播班 - 2021 春季班]

---

# 🏅 4/9 (五) 每日任務
###### tags: `JS 直播班 - 2021 春季班`

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

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

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

請同學練習實作「送出訂單」的功能，送出的訂單可以到 [API 文件](https://hexschoollivejs.herokuapp.com/api-docs/#/%E8%A8%82%E5%96%AE%E7%9B%B8%E9%97%9C(%E7%AE%A1%E7%90%86%E8%80%85)/get_api_livejs_v1_admin__api_path__orders) 點選【Try it out】 檢查是否有成功送出 (須點擊右方的鑰匙 icon，輸入你的 UID 解鎖才能使用)。

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


> 加分題: 可以參考 [第七週的 Validate.js 教學](https://courses.hexschool.com/courses/1289881/lectures/31465656) 練習做表單驗證，驗證成功才送出訂單，如下圖:

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

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

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

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