---
# System prepended metadata

title: "\U0001F3C5 Day 40 - 訂單 API"
tags: [JS 直播班 - 2024 秋季班]

---

# 🏅 Day 40 - 訂單 API

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

![](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 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

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

<!-- 解答：  

請記得填入自己的 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]() | 
-->