# 🏅 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 -->