---
# System prepended metadata

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

---

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

問題
---
使用 [這個 CodePen](https://codepen.io/znlcgmgk/pen/BapJVve?editors=1011) 作答，請同學實作「商品篩選」的功能，點擊上方的 select 會呈現相對應類型的商品，如下圖:

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


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

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

<!-- 解答
https://codepen.io/znlcgmgk/pen/QWdOzQJ?editors=1011
-->