# 🏅 Day 40 - 訂單 API

問題
---
延續 Day 39 的內容，串接「送出購買訂單」API（如圖），練習實作「送出訂單」的功能
> 使用此 [CodePen 模板](https://codepen.io/hexschool/pen/gOKLvKB)


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


> 進階：可以試著使用 Validate.js 練習做表單驗證，驗證成功才送出訂單，如下圖：
>
> 

## 回報流程

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


<!-- 解答：

請記得填入自己的 API 名稱
https://codepen.io/hexschool/pen/dyKOdQm?editors=1010
-->

回報區
---
| # | Discord | CodePen / 答案 |
| --- | ----- | ----- |
| 01 | voke | [CodePen](https://codepen.io/FiSi-the-lessful/pen/mdNawEJ) |
| 02 | Tatsu | [CodePen](https://codepen.io/chindesu0207/pen/mdNNewp) |
| 03 | GTR150 | [CodePen](https://codepen.io/Wer-Qwe/pen/RwXXVRN?editors=1111) |
| 04 | Sonia | [CodePen](https://codepen.io/YUJOU/pen/vYooOby?editors=1011) |
| 05 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/XWvvXyZ) |
| 06 | Nocab | [Codepen](https://codepen.io/PeihanWang/pen/gbYYxNN?editors=1011) |
| 07 | chris | [CodePen](https://codepen.io/chris-chen-the-selector/pen/jENNYxP?editors=1011) |
|08|mercury2508.| [CodePen](https://codepen.io/Mercury2508/pen/qEWWqve) |
|09|Mike| [CodePen](https://codepen.io/mike2049/pen/VYZZWOz?editors=0011) |
|10|Seris| [CodePen](https://codepen.io/Dale-Chien/pen/mybyJeQ) |
|11|睿睿| [CodePen](https://codepen.io/uwmrsusb-the-solid/pen/GgKKPRx) |
|12|陳小廷| [CodePen](https://codepen.io/ting1124/pen/raBaNZR) |
| 13 | 610 | [CodePen](https://codepen.io/YI-LING-LIU/pen/RNbNKRN) |

<!-- 可複製下方格式
| | | [CodePen]() |
-->