---
# System prepended metadata

title: "\U0001F3C5 4/8 (四) 每日任務"
tags: [JS 直播班 - 2021 春季班]

---

# 🏅 4/8 (四) 每日任務
###### tags: `JS 直播班 - 2021 春季班`

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

問題
---
請同學修改 [4/6 的每日任務](https://rpg.hexschool.com/training/17/show?embedhm=qhGbe1bPQ3G3zVLaWaEgXQ) 完成作答，可以使用 [這個 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
-->