---
# System prepended metadata

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

---

---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 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 / 答案                      |
|:----------:|:-------------------------------------------------------:|
|Kimi #9564|[CodePen](https://codepen.io/kimihu91/pen/ZERRPRQ)|
|軟綿綿 (๑•ᴗ•๑) ♡#3627|[CodePen](https://codepen.io/Connie-Chien/pen/xxzaebR?editors=0010)|
|albee#9121|[Codepen](https://codepen.io/albee-chang/pen/ExReJgN?editors=1011)|
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/qBKxRqM) |
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/poKOBBE)|
|jimmyFang#9575|[CodePen](https://codepen.io/pohxiqqo/pen/vYrzyXo?editors=1011)|
|shinyhung#3825|[CodePen](https://codepen.io/sean_1215/pen/YzvOMXE?editors=1111)|
|m_m#5493|[CodePen](https://codepen.io/minnn7716/pen/Poadgpx)|
|yawun#0042|[CodePen](https://codepen.io/monicalin/pen/abKagbr)|
|masterYan#2480|[CodePen](https://codepen.io/htzwgoqt-the-looper/pen/eYKLVEM)|
|RJRS#9430|[CodePen](https://codepen.io/RJRS/pen/KKexjmx)|
|kenki100#0068|[Codepen](https://codepen.io/ken100/pen/vYrzMXR)|
|banazita#5143|[Codepen](https://codepen.io/banazita/pen/gOKvmmm?editors=1111)|
|薯餅#3581|[Codepen](https://codepen.io/ColdingPoTaTo/pen/abKaxPV)|
|Ruby Chen#7452|[Codepen](https://codepen.io/ruby92429/pen/KKexjJE?editors=1111)|
|圈圈#4060|[Codepen](https://codepen.io/wjejfczn-the-bold/pen/oNyPRwV?editors=0010)|
|PayRoom#8328|[CodePen](https://codepen.io/water38198/pen/MWXPeNN)|
|beta lin#1445|[CodePen](https://codepen.io/linbeta/pen/xxzyRMM)|
|yen #5757|[CodePen](https://codepen.io/TZU-HUANG-YEN/pen/RwJeppM?editors=0011)|
|Amberhh#2465|[codepen](https://codepen.io/Amberhh/pen/JjZaqEm) |
|無名#6427|[codepen](https://codepen.io/Nomoney/pen/mdKzYRg) |
|SASIMI#5099|[codepen](https://codepen.io/sashimi1327/pen/vYrzmMG)|
|hannahTW#2224|[codepen](https://codepen.io/hangineer/pen/gOKBoQZ?editors=0111)|
|suihsilan#9485|[codepen](https://codepen.io/suihsilan/pen/zYaMBde?editors=1010)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/oNyQWmm)|
| 小白#2406 | [CodePen](https://codepen.io/gracewhite/pen/YzvRxrr?editors=1011) |
|WEI_RIO#9342|[Codepen](https://codepen.io/wei_wu/pen/MWXqRma?editors=1011)|
|sophiee#7015|[Codepen](https://codepen.io/sophiee2727/pen/VwdqPEY?editors=1111)|
|蓁心#6229|[Codepen](https://codepen.io/tlorfrnl-the-typescripter/pen/xxJKMvM?editors=0011)|
|我是泇吟#5189|[CodePen](https://codepen.io/kljuqbxs/pen/YzjyPwP)|

