---
# System prepended metadata

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

---

---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 Day 40 - 訂單 API

問題
---
延續 [Day 39 的每日任務](https://hackmd.io/bVL3ryaISGKAbzgwHmrRtw)，串接「送出購買訂單」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 / 答案                      |
|:----------:|:-------------------------------------------------------:|
|albee#9121|[Codepen](https://codepen.io/albee-chang/pen/rNKvmaR?editors=0110)|
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/qBKxRqM) |
|Amberhh#2465|[Codepen](https://codepen.io/Amberhh/pen/eYKrvjL?editors=0011) |
|威0#6919|[codepen](https://codepen.io/n0918679182/pen/xxzjdPw?editors=0011)|
|薯餅#3581|[codepen](https://codepen.io/ColdingPoTaTo/pen/YzvLZBy)|
|楓之聲#6945|[Codepen](https://codepen.io/sshane258/pen/BaVxRRY)|
|yawun#0042|[CodePen](https://codepen.io/monicalin/pen/xxzjLwJ)|
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/abKGwZJ)|
|AuroraC#6539|[codepen](https://codepen.io/AuroraC/pen/xxzjqBo?editors=1010)|
|kenki100#0068|[Codepen](https://codepen.io/ken100/pen/RwJypmR)|
|軟綿綿 (๑•ᴗ•๑) ♡#3627|[CodePen](https://codepen.io/Connie-Chien/pen/QWxrvKB?editors=0010)|
|無名#6427|[CodePen](https://codepen.io/Nomoney/pen/qBKYjMY)|
|Potatolee#7749|[CodePen](https://codepen.io/potatoleee/pen/XWYqRdw?editors=1011)|
|圈圈#4060|[codepen](https://codepen.io/wjejfczn-the-bold/pen/RwJyLyZ?editors=1011)|
|mandylai#4055|[codepen](https://codepen.io/mandy-lai-2/pen/ZERoKKZ?editors=1010)|
|PayRoom#8328|[CodePen](https://codepen.io/water38198/pen/rNKvmEO)
|amy芳#1385|[CodePen](https://codepen.io/amy-chieng/pen/NWzMXZw)
|出事了阿伯#9923|[CodePen](https://codepen.io/BradpittLai/pen/eYKrGZX?editors=1011)
|Clara#1275|[CodePen](https://codepen.io/bsupixqu/pen/vYrjxMG?editors=0010)
|hannahTW#2224|[codepen](https://codepen.io/hangineer/pen/zYajrQX?editors=1111)|
| azami#5986 |[CodePen](https://codepen.io/azami/pen/VwdxMBb)|
| shinyhung#3825 |[CodePen](https://codepen.io/sean_1215/pen/ExRLvWe?editors=1011)|
| Ruby Chen#7452 |[CodePen](https://codepen.io/ruby92429/pen/mdKLjXQ)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/bGKMxjq?editors=1011)
|Mylène#2481|[Codepen](https://codepen.io/hamajibashi/pen/ZERoMgq)|
|Sentiments#4883|[codepen](https://codepen.io/Sentiments/pen/oNydQVM)|
|kuku#3118|[Codepen](https://codepen.io/mengting-ku/pen/eYKKORX)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/YzvLjvO)|
|masterYan#2480|[Codepen](https://codepen.io/htzwgoqt-the-looper/pen/abKKbEW?editors=1010)|
|yoyo#1003|[Codepen](https://codepen.io/pen/gOKzoZw)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/oNydKvP)|
|Hironaka#7367|[codepen](https://codepen.io/Hironaka0815/pen/KKeRxzW)|
| LHchien33#6232 |[codepen](https://codepen.io/lin_chien/pen/wvXXqdK)|
|Benson#6763|[Codepen](https://codepen.io/kumashow/pen/KKeevwM)|
|yen#5757|[Codepen](https://codepen.io/TZU-HUANG-YEN/pen/oNdPgqY?editors=0011)|
| 小白#2406 | [CodePen](https://codepen.io/gracewhite/pen/zYaabEB) |
|RJRS#9430|[CodePen](https://codepen.io/RJRS/pen/OJEEYpp)|
|Vera#5592|[CodePen](https://codepen.io/skvera/pen/qBKYVPp)|
|Paul#7426|[CodePen](https://codepen.io/paul-1997/pen/KKeRBJM?editors=0011)|
|Hilda#7085|[Codepen](https://codepen.io/vwquikad-the-vuer/pen/Poayyaq?editors=1011)|
|Cliff#4606|[Codepen](https://codepen.io/Cliff_hex/pen/oNyPYeR?editors=0011)|
|sophiee7015|[Codepen](https://codepenhttps://codepen.io/sophiee2727/pen/vYrzoXR?editors=1111)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/xxzmgeo)|
|我是泇吟#5189|[CodePen](https://codepen.io/kljuqbxs/pen/gOKKbwY)|
|Shuo#1596|[CodePen](https://codepen.io/chiangchungshuo/pen/GRGbqmx)|
|蓁心#6229|[CodePen](https://codepen.io/tlorfrnl-the-typescripter/pen/VwBZrpe)|
|J_u_d_y#5993|[CodePen](https://codepen.io/J_u_d_y/pen/wvYvbrQ?editors=1010)|

