---
# System prepended metadata

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

---

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

問題
---
請同學使用 [這個模板](https://codepen.io/znlcgmgk/pen/yLgKbWL?editors=1011) 進行練習，嘗試實作「顯示後台訂單列表」的功能。 

#### 小提醒
1. 訂單編號為購物車項目的 id，而不是 products 的 id
2. 日期格式可以用 `new Date("購物車項目的 createdAt" * 1000).toLocaleString()` 來轉換格式。
3. 同學可以應用 [4/2 每日任務](https://rpg.hexschool.com/training/17/show?embedhm=xJjIl8O8RgSTXswlzH4Bbg) 練習過的 sort() 函式，讓訂單日期從新到舊顯示。


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

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

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