---
# System prepended metadata

title: "\U0001F3C5 DAY39 每日任務"
tags: [JS 直播班  - 2021 秋季班]

---

# 🏅 DAY39 每日任務
###### tags: `JS 直播班  - 2021 秋季班`

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

問題
---
請同學修改 [DAY37 的每日任務](https://hackmd.io/lwlnDsQ7SzmTqeSYZePy5Q) 完成作答，可以使用 [這個 CodePen](https://codepen.io/znlcgmgk/pen/OJWjRQq?editors=1010)，串接的 API 為以下兩個連結。

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


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



任務要求條列如下:
> 1. 請同學在商品列表新增「加入購物車」按鈕，點擊按鈕可以新增一筆購物車項目 （預設數量為 1）
> 2. (加分題) 新增的購物車項目可以及時的渲染於上方列表，如下圖:

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




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

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

<!-- 解答
https://codepen.io/znlcgmgk/pen/XWpadEB
-->

|      Slack       |       CodePen       |
|:----------------:|:-------------------:|
|   Karen Huang    |  https://codepen.io/Coding_Snorlax/full/RwLNJvG | 
| 蔡明達 | https://codepen.io/bmzpfyxe/pen/NWgKQZB |
| 米米 | https://codepen.io/Jameshsu0407/pen/ExwaBeK |
| Genos |https://codepen.io/pb220416/pen/WNZbqMY|
|    Iris Huang    |    https://codepen.io/ythuang/pen/poWvXqM    |
|Aaron Tu|https://github.com/ken888686/day-mission|
|lumei|https://codepen.io/l_umei/pen/vYeEoga|
Tim|https://codepen.io/TimmyLin/pen/zYExgLE?editors=1011
| Yunei | https://codepen.io/Yunei/pen/bGoNXNJ |
|Cheng Pei-hsuan|https://codepen.io/PaCheng/pen/zYdGKpO|
|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/gOGpYzM|
| Peter Chen | https://codepen.io/yuckugjy-the-sasster/pen/mdBJbGP |
| Jun Ting Lin | https://codepen.io/jake1155/pen/NWaPQBq |
| Gill | https://codepen.io/Gill-Chin/pen/NWaPQrZ?editors=0011 |
| POPEYE | https://codepen.io/popeye_ux/pen/RwLNzQL |
| YuriT | https://codepen.io/wenfisht/pen/yLzNyNy |
|有廖先生(Rain)|https://codepen.io/billpop741/pen/mdByNrz|
|Calon|https://codepen.io/Calon0118/pen/ZEXErBM|
|Pei Ying|https://codepen.io/Pei-Ying/pen/WNZveNG?editors=1111|
|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/wvraabq?editors=1011|
| Sam | https://codepen.io/sam-hsu/pen/RwLNzqx |
| Trista | https://codepen.io/trista6140/pen/xxXGEqL |
|鄭安志|https://codepen.io/lwmtsgek/pen/yLzNLVZ?editors=1010|
|陳暐中|https://codepen.io/wei-z/pen/abLOzMY?editors=1011|
| Kelvin Hsu | https://codepen.io/kelvin001/pen/JjrdRdN?editors=1010 |
| YC | https://codepen.io/YCLu/pen/PoJwMYy |
| 小K | https://codepen.io/kelen1995/pen/gOGOvzR |
|tingyu|https://codepen.io/dgltu/pen/zYEGwMy?editors=1011|
| Fleur | https://codepen.io/swwlee/details/ZEXGRwj |
| 劉維倫 | https://codepen.io/lun0223/pen/poWJxJR?editors=0010 |
| 黃士桓 | https://codepen.io/shr-huan-huang/pen/oNGXzoq?editors=1010|
|張喆|https://codepen.io/wow767t/pen/PoJqxve|
| Louis | https://codepen.io/Louis164156/pen/abLOOWQ?editors=1111 |
|Steven Chan | https://codepen.io/Steven1220/pen/VwMLqzX |
|洋蔥|https://codepen.io/oikdkmxq-the-looper/pen/vYeNxWR?editors=1010|
|Sihle Huang|https://codepen.io/bugbug777/pen/rNGOove|
|Bonnie|https://codepen.io/bonnieli1414/pen/WNZraRN?editors=1011|
|吉兒| https://codepen.io/Jillkate/pen/bGoNypw |
|Jasper|https://codepen.io/li-jasper/pen/bGopMEY
|   ZOE WU    |  https://codepen.io/Zoechiueh/pen/LYzNVxe?editors=1010 |
|kailun| https://codepen.io/Kailun/pen/gOGrZdo |
|PeggyTsai|https://codepen.io/pei-chi-tsai/pen/xxXOrdz?editors=0010|
|Jocelyn|https://codepen.io/enjoyful/pen/WNZNLZw?editors=0011|
|LTL|https://codepen.io/ltlin93/pen/yLzaBRy|
paul|https://codepen.io/printfootya/pen/poWbLqW?editors=1011|
|Yashien Lin|https://codepen.io/YashienLin/pen/BawNEvg?editors=0011|
|AKI|https://codepen.io/akichen27/pen/NWaNqQN|
|Hamaji|https://codepen.io/hamajibashi/pen/vYemamg |
|ZY Hsu|https://codepen.io/zihyin/pen/PoJKWyj?editors=0011 |



