---
# System prepended metadata

title: "\U0001F3C5 Day 44 - 修改購物車數量"
tags: [JS 直播班 - 2024 秋季班]

---

# 🏅 Day 44 - 修改購物車數量

問題
---
請同學使用 [這個模板](https://codepen.io/hexschool/pen/vYrxBae?editors=1011) 進行練習，嘗試實作「修改購物車數量」的功能。
> 1. 每次點擊「+」的符號數量就會加 1。
> 2. 每次點擊「-」的符號數量就會減 1。
> 3. 當數量減去至 0 的時候，將這筆購物車項目刪除。

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





## 回報流程

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

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

<!-- 解答：  

請記得填入自己的 API 名稱
https://codepen.io/hexschool/pen/ExRWYdK?editors=1010
-->




回報區
---
| #   | Discord | CodePen / 答案 |
| --- | ----- | ----- |
| 01 | Tatsu | [CodePen](https://codepen.io/chindesu0207/pen/ogvNOWW) | 
| 02 | Sonia | [CodePen](https://codepen.io/YUJOU/pen/mybyrGL?editors=1011) |
| 03 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/XJrJRLE)|
|04|陳小廷| [CodePen](https://codepen.io/ting1124/pen/GgKgMXb) | 
|  05   |    chris   | [CodePen](https://codepen.io/chris-chen-the-selector/pen/QwLwRdW?editors=1011) |
| 06 | GTR150 | [CodePen](https://codepen.io/Wer-Qwe/pen/ByBNQGB?editors=1011) |
|  07   |   Ariel    | [CodePen](https://codepen.io/ariel0510/pen/pvzJRBV?editors=1011) | 
| 08 | yuyuhunter_0509 | [CodePen](https://codepen.io/KRcube/pen/ZYzWpRR?editors=0011) | 
<!-- 可複製下方格式
|     |       | [CodePen]() | 
-->