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