---
# System prepended metadata

title: "\U0001F3C5 4/26 (一) 每日任務 Day 1"
tags: [Vue 直播班 - 2021 夏季班]

---

# 🏅 4/26 (一) 每日任務 Day 1
###### tags: `Vue 直播班 - 2021 夏季班`

在 JavaScript 中命名規範中，會建議使用駝峰式的命名，駝峰式的命名又分為大駝峰與小駝峰，可參考「[Wiki 上的介紹](https://zh.wikipedia.org/wiki/%E9%A7%9D%E5%B3%B0%E5%BC%8F%E5%A4%A7%E5%B0%8F%E5%AF%AB)」。大多數的情況來說，我們都會使用小駝峰來進行 JS 變數的命名。

如 我的名字可以使用 `myName` 的方式進行命名。另外，如果是函式時則會以動詞的方式作為開頭，如：繪製表格使用 `renderTable` 的名稱。

每日任務條件：
* 宣告變數、函式，變數請給予值
* 變數名稱請用小駝峰的方式定義，並以非動詞作為開頭
* 函式請用動詞作為開頭

題目 (直接在答案區貼上答案)
---
```
變數:
1. 我的 slack 名稱:mySlack
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderChart
3. 篩選購物車資料:filterCartData
4. 排序註冊日期:sortRegisterDate
5. 刪除訂單:delete
```


回報流程
---
請同學依照下圖教學觀看解答、回報答案:

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

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

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

<!-- 解答
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortEnrollDate
5. 刪除訂單: deleteOrder
-->

回報區
---

<!-- 範例 報數 1：NPC組 / 卡斯伯
每日任務回饋：
今天這麼簡單啊～

答案（來亂的）：
1. 我的 slack 名稱 Casper
2. 餐廳數量 1
3. 課程 id Vue3讚讚讚
-->



<!-- 報數 2
1. Jasmin
2. restaurantNum
3. courseId
4. graduationDate
5. practiceTime

函式:
1. getProductData
2. renderChart
3. filterCarData
4. sortRegisteredDate
5. removeOrder
-->

<!-- 
報數 3：leolee
每日任務回饋：
同步編輯好奇妙的感覺qq

答案：
1. 我的 slack 名稱 : mySlackName
2. 餐廳數量 : restaurantNum
3. 課程 id : courseId
4. 畢業日期 : graduateDate
5. 練習時間 : practiceTime

函式:
1. 取得產品資料 : getProductData
2. 渲染圖表 : renderChart
3. 篩選購物車資料 : fliterCartData
4. 排序註冊日期 : sortEnrollDate
5. 刪除訂單 : deleteOrder
-->

<!-- 
報數 4：Cooley

答案：
1. 我的 slack 名稱 : Cooley
2. 餐廳數量 : restaurants
3. 課程 id : courseId
4. 畢業日期 : graduateDate
5. 練習時間 : practiceTime

函式:
1. 取得產品資料 : getProductData
2. 渲染圖表 : renderChart
3. 篩選購物車資料 : fliterCartData
4. 排序註冊日期 : sortRegisteredDate
5. 刪除訂單 : deleteOrder
-->

<!-- 
報讀 5: Alysa Chan

變數：
1. mySlackName
2. restaurantNum
3. courseId
4. graduateDate
5. practiceTime

函式：
1. getProducts
2. renderChart
3. filterCart
4. sortRegisterDate
5. deleteOrder -->

<!-- 報數 6: Vic
變數:
1. slackName
2. restaurantAmount
3. courseID
4. graduationDate
5. practiceTime

函式:
1. getProductsData
2. renderChart
3. filterCartData
4. sortRegisteredData
5. deleteOrder -->

<!-- 報數 7: Echo Hui
變數:
1. mySlackName
2. restaurantNum
3. courseId
4. graduateDate
5. practiceTime

函式:
1. getProducts
2. renderChart
3. filterCart
4. sortRegDate
5. deleteOrder
-->


<!-- 報數 8: Iven
變數：
1.var myslackName
2.var restaurantNum
3.var courseId
4.var graduateDate
5.var praticeTime
函式：
1.function getData
2.function renderChart
3.function filterCart
4.function registerDay
5.function removeOrder -->

<!-- 報數 9：Tori
每日任務回饋：
　任務條件或許可以標註得清楚一點，比如：'以下請同學：'改成'每日任務條件：'
　Ex: 每日任務條件：
     　　宣告變數、函...
      　變數名稱請...
      　函式請...

答案：
[變數]
　1. let mySlackName = 'Tori';
　2. let restaurantNum = 15;
　3. const courseId = 'Vue 作品實戰班 - 2021夏季';
　4. const graduationDate = '110/6/30':
　5. let exerciseTime = '8hr';

[函式]
　1. function getProductData(){...}
　2. function renderChart(){...}
　3. function filterShoppingCartData(){...}
　4. function sortEnrollDate(){...}
　5. function deleterOrder(){...}
-->
<!-- 卡斯伯老師：感謝回饋 :D -->

<!-- 報數 10：peter.chen1024
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantCount
3. 課程 id: courseId
4. 畢業日期: graduationDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderPictureTable
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortRegisterDate
5. 刪除訂單: deleteOrder 
-->

<!-- 報數 11：Erica
變數:
1. 我的 slack 名稱: mySlackName,
2. 餐廳數量: restaurantCount,
3. 課程 id: courseId,
4. 畢業日期: graduateDate,
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData,
2. 渲染圖表: renderChart,
3. 篩選購物車資料: filterCartData, 
4. 排序註冊日期: sortRegistDate,
5. 刪除訂單: deleteOrder
-->

<!-- 報數 12：Joe
變數：
1. 我的Slack名稱： let mySlackName = 'Joe';
2. 餐廳數量： let restaurantNum = 15;
3. 課程id： const courseId = 'Vue 作品實戰班 - 2021夏季';
4. 畢業日期： const graduateDate = '109/6/30';
5. 練習時間： let practiceTime = '6hr';

函式：
1. 取得產品資料： function getProductData(){...}
2. 渲染圖表： function renderChart(){...}
3. 塞選購物車資料： function filterCartData(){...}
4. 排序註冊日期： function sortRegisterDate(){...}
5. 刪除訂單： function delOrder(){...}
-->

<!-- 報數 13：youting
變數:
  1. 我的 slack 名稱： mySlackName
  2. 餐廳數量： restaurantQuantity
  3. 課程 id： courseId
  4. 畢業日期： graduationDate
  5. 練習時間： practiceTime
函式:
  1. 取得產品資料： getProductData
  2. 渲染圖表： renderChart
  3. 篩選購物車資料： filterCartData
  4. 排序註冊日期： sortRegisterDate
  5. 刪除訂單： deleteOrder 
-->

<!-- 報數 14：Larry
變數:
  1. 我的 slack 名稱： mySlackName
  2. 餐廳數量： restaurantNum
  3. 課程 id： courseId
  4. 畢業日期： graduationDate
  5. 練習時間： practiceTime
  
函式:
  1. 取得產品資料： getProductData
  2. 渲染圖表： renderChart
  3. 篩選購物車資料： filterCartData
  4. 排序註冊日期： sortRegisterDate
  5. 刪除訂單： deleteOrder 
-->
<!-- 報數 15：Li Shang
變數:
  1. 我的 slack 名稱： mySlackName
  2. 餐廳數量： restaurantNum
  3. 課程 id： courseId
  4. 畢業日期： graduationDate
  5. 練習時間： practiceTime
函式:
  1. 取得產品資料： getProductData
  2. 渲染圖表： renderChart
  3. 篩選購物車資料： filterCartData
  4. 排序註冊日期： sortSignUpDate
  5. 刪除訂單： deleteOrder 
-->
<!--報數16： shoppingq
codePen： https://codepen.io/shoppingq/pen/vYgPBjp
-->
<!-- 報數 17：Dah
變數:
  const mySlackName
  const restaurantNum
  const courseId
  const graduationDate
  const exerciseTime
函式:
  function getProductData(){...}
  function renderChart(){...}
  function filterCartData(){...}
  function sortRegisterDate(){...}
  function deleteOrder (){...}
-->

<!--  報數 18：家齊
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: resNum
3. 課程 id: courseId
4. 畢業日期: graudationDate
5. 練習時間: praticingTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortRegDate
5. 刪除訂單: delOrder
-->

<!-- 範例 報數 19:李重炫
變數:
1. 我的 slack 名稱 :mySlackName
2. 餐廳數量 :restaurantNum
3. 課程 id  :courseId
4. 畢業日期 :graduateDate
5. 練習時間 :practiceTime

函式:
1. 取得產品資料 : getProductData
2. 渲染圖表 : renderDiagram
3. 篩選購物車資料 : filterCartData
4. 排序註冊日期 : sortRegisteredDate
5. 刪除訂單 : deletedOrder
-->

<!-- 範例 報數 20：Lina Chen
每日任務回饋：
每日任務開始了! GoGo~

變數:
1. 我的 slack 名稱：mySlackName
2. 餐廳數量：restaurantNum
3. 課程 id：courseId
4. 畢業日期：gradutedDate
5. 練習時間：practiceTime
 
函式:
1. 取得產品資料：getProductData
2. 渲染圖表：renderChart
3. 篩選購物車資料：filterCartData
4. 排序註冊日期：sortRegisterDate
5. 刪除訂單：deleteOrder
-->

<!-- 報數 21: Ted Kuo
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: gradDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortRegisteredDate
5. 刪除訂單: deleteOrder
-->

<!-- 報數 22： Amanda Chiang
變數：
1. 我的 slack 名稱 : mySlackName
2. 餐廳數量 : restaurantNum
3. 課程 id : courseId
4. 畢業日期 : graduateDate
5. 練習時間 : practiceTime

函式:
1. 取得產品資料 : getProductData
2. 渲染圖表 : renderChart
3. 篩選購物車資料 : fliterCartData
4. 排序註冊日期 : sortRegisterDate
5. 刪除訂單 : deleteOrder
-->


<!-- 報數 23： Jemma
變數：
1. mySlackName
2. restaurantNum
3. courseId
4. graduateDate
5. practiceTime

函式:
1. getProductData
2. renderChart
3. fliterCartData
4. sortRegisterDate
5. deleteOrder
-->


<!-- 報數 24： Izumi 泉
變數：
1. mySlackName
2. restaurantNum
3. courseId
4. graduateDate
5. practiceTime

函式:
1. getProduct
2. renderChart
3. filterCart
4. sortRegisterDate
5. deleteOrder
-->

<!-- 報數 25： Sec

變數：
1. mySlackUsername
2. restaurantCount
3. courseId
4. graduateDate
5. practiceMoment

函式:
1. getProductData
2. renderList
3. filterCartData
4. sortRegisterDate
5. deleteOrder

-->

<!-- 報數 26： Stacey Huang
變數:
1. mySlackName
2. restaurantNum
3. courseId
4. graduateDate
5. practiceTime

函式:
1. getProductInfo
2. renderList
3. filterCartInfo
4. sortRegisterDate
5. deleteOrder


-->


<!-- 報數 27： Eric-小偉哥
變數:
1. mySlackName
2. resturantNum
3. courseId
4. graduatedDate
5. practiceTime

函式:
1. getPrdData
2. renderChart
3. filterCartData
4. sortedRegistDate
5. delOrder


-->

<!-- 報數 28： Alicia Lo
變數:
1.我的slack名稱:Alicia Lo
2.餐廳數量:restaurantNum
3.課程id:courseId
4.畢業日期:graduatedDate
5.練習時間practiceTime

函式:
1.取得產品資料:getProductData
2.渲染圖表:renderChart
3.篩選購物車資料:selectCartData
4.排序註冊日期:sortRegisterDate
5.刪除訂單:deleteOrder

-->

<!--  報數 29： WA
變數:
1. let mySlackName = "WA";
2. let restaurantNumber = 0;
3. let courseId = "WA";
4. const graduationDate = '無';
5. let practiceTime = '60';

函式:
1. function getProductInformation(){}
2. function renderTable(){}
3. function filterShoppingCartInformation(){}
4. function sortRegistrationDate(){}
5. function deleteOrder(){}
-->

<!-- 報數 30: Pon Peng
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: resturantNum
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: excerxiseTime

函式:
1. 取得產品資料: getProduct
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCart
4. 排序註冊日期: sortEnrollDate
5. 刪除訂單: delOrder
-->

<!-- 報數 31: Andy Cheng
變數:
1. 我的 slack 名稱: userSlackName
2. 餐廳數量: restaurantNumber
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductDetail
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCart
4. 排序註冊日期: sortRegisterDate
5. 刪除訂單: deleteOrder
-->
<!-- 報數 32:陳sam
變數:
1. 我的 slack 名稱:const mySlackname
2. 餐廳數量:const restaurantCount
3. 課程 id:const courseId
4. 畢業日期:const graduationDate    
5. 練習時間:const practiveTime

函式:
1. 取得產品資料:getProduct()
2. 渲染圖表:renderChart()
3. 篩選購物車資料:filterBuyingcar()
4. 排序註冊日期:sortRegistered()
5. 刪除訂單:deleteOrder()
-->

<!-- 報數 33: Ethan
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNumber
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductInfo
2. 渲染圖表: renderChart
3. 篩選購物車資料: fliterCart
4. 排序註冊日期: sortSignUpDate
5. 刪除訂單: deleteOrder
-->

<!-- 報數 34：JessieCheng
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantAmount
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCart
4. 排序註冊日期: sortSignUpDate
5. 刪除訂單: deleteOrder
-->

<!-- 報數 35：Ray
變數:
1. let mySlackName = "Ray"
2. let restaurantNum = 0
3. let classId = "12345"
4. let graduationDate = "2021-05-09"
5. let practiceTime = "20:11:09"

函式:
1. async function getProductData(id=2) {
    return await axios.get("api/get" + id);
  },

2. async function renderTable(id=2) {
    return await axios.get("api/get" + id);
  },

3. async function filterCartData(id=2) {
    return await axios.get("api/get" + id);
  },

4. async function sortRegistrationDate(id=2) {
    return await axios.get("api/get" + id);
  },

5. async function deleteOrder(id=2) {
   await axios.delete("api/delete" + id);
  },
-->

<!-- 報數 36：Kouyu
變數
1. 我的 slack 名稱：const mySlackName = 'kouyu';
2. 餐廳數量：const resturantNumber = 0;
3. 課程 id：const classId = 'U01TPC6PLAH';
4. 畢業日期：const graduateDate = '2016-06';
5. 練習時間：const practiceTime = 'everyday';

函式:
1. 取得產品資料：function getProductData(){};
2. 渲染圖表：function renderTable(){};
3. 篩選購物車資料：function filterShoppingCartData(){};
4. 排序註冊日期：function sortRegisteredDate(){};
5. 刪除訂單：function deleteOrder(){};
-->

<!-- 報數 37: YOYO
變數:
1. const mySlcakName = "YOYO";
2. let restaurantNum = "3";
3. let courseId = "YO";
4. let graduateDate = "2016-06-06"
5. let practiceTime = "21:01:15";

函式:
1. getProductData()
2. renderChart()
3. filterShoppingCart()
4. sortRegisDate()
5. delOrder()

-->

<!-- 報數 38 ： 涂阿銘
1. mySlackName
2. restaurantNum
3. courseId
4. graduationDate
5. practiceTime

函式:
1. getProduct
2. showChart
3. selectCart
4. sortRegisterDate
5. deleteOrder
-->

<!--報數 39：Fred Chang
CodePen:https://codepen.io/fred8196/pen/rNjRWQO?editors=1010
-->

<!--報數 40：Chiang
變數
let mySlackName = "Chiang";
let restaurantNum = 5;
let courseID = "Vue 作品實戰班 - 2021夏季";
let graduationDate = "2021/4/26";
let practiceTime = "24hr";

函式
function getProductData(){...}
function renderChart(){...}
function filterShoppingCartData(){...}
function sortRegisteredDate(){...}
function deleteOrder(){...}
-->

<!--報數 41：carrie
變數:
1. mySleckName
2. restaurantNum
3. courseId
4. graduationTime
5. practiceTime

函式:
1. getProductInfo
2. renderChart
3. filterCartInfo
4. sortRegisterDate
5. deleteOrder
-->

<!-- 報數 42: Yu Chien
變數:
1. let mySlackName;
2. let restaurantNum;
3. let courseId;
4. let dateOfGraduation;
5. let practiceTime;

函式:
1. getProducts(){};
2. renderChart(){};
3. filiterChart(){};
4. sortDateOfRegister(){};
5. deleteOrder(){};
-->

<!-- 報數 43：Ed Huang
變數:
  1. 我的 slack 名稱： const mySlackName;
  2. 餐廳數量： let restaurantNum;
  3. 課程 id： const courseId;
  4. 畢業日期： const graduationDate;
  5. 練習時間： let exerciseTime;
函式:
  1. 取得產品資料： getProductData();
  2. 渲染圖表： renderChart();
  3. 篩選購物車資料： filterCartData();
  4. 排序註冊日期： sortRegisterDate();
  5. 刪除訂單： deleteOrder();
-->

<!-- 報數 44：jimmyFang 
變數:
1. 我的 slack 名稱:  mySlackName
2. 餐廳數量:         restaurantNum
3. 課程 id:          courseId
4. 畢業日期:         graduateDate
5. 練習時間:         practiceTime

函式:
1. 取得產品資料:     getProductData
2. 渲染圖表:         renderChart
3. 篩選購物車資料:   filterCartData 
4. 排序註冊日期:     sortEnrollDate
5. 刪除訂單:         deleteOrder
-->

<!-- 報數 45：Jrhung-Tsai
變數
1. 我的 slack 名稱：const myName = 'Jrhung-Tsai';
2. 餐廳數量：const resturantQuantity = 0;
3. 課程 id：const classId = '';
4. 畢業日期：const graduateDate = '';
5. 練習時間：const practiceTime = '';

函式:
1. 取得產品資料：function getProductData(){};
2. 渲染圖表：function renderChart(data){};
3. 篩選購物車資料：function filterCartData(data){};
4. 排序註冊日期：function sortRegisteredDate(data){};
5. 刪除訂單：function deleteOrder(order){};
-->

<!-- 報數 46：Amber
變數
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseID
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料 :getProduct
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCart
4. 排序註冊日期: sortRegisterDate
5. 刪除訂單: deleteOrder
-->

<!-- 報數 47:Harold
變數:
1. 我的 slack 名稱：mySlackName
2. 餐廳數量：restaurantCount
3. 課程 id：classId
4. 畢業日期：graduationDate
5. 練習時間：practicePeriod

函式:
1. 取得產品資料：getProduct()
2. 渲染圖表：renderChart()
3. 篩選購物車資料：filterCart()
4. 排序註冊日期：sortRegisterDate()
5. 刪除訂單：deleteOrder()
-->

<!-- 報數 48:Alpha
變數:
1. 我的 slack 名稱：mySlackName
2. 餐廳數量：restauantNum
3. 課程 id：classId
4. 畢業日期：graduationDate
5. 練習時間：praticePeriod

函式:
1. 取得產品資料：getProductData()
2. 渲染圖表：renderChart()
3. 篩選購物車資料：filterCartData()
4. 排序註冊日期：sortRegisterDate()
5. 刪除訂單：deleteOrder()
-->

<!-- 報數 49:kevin嘉軒
變數:
1. 我的 slack 名稱：kevin嘉軒
2. 餐廳數量：restaurantNum
3. 課程 id：courseId
4. 畢業日期：graduateDate
5. 練習時間：practiceTime

函式:
1. 取得產品資料：getProductLis()
2. 渲染圖表：renderC3()
3. 篩選購物車資料：productSelect()
4. 排序註冊日期：registeredDateSort()
5. 刪除訂單：deleteOrder()
-->
<!-- 報數 50:小魚
變數:
1. 我的 slack 名稱：mySlackName
2. 餐廳數量：restaurantNum
3. 課程 id：courseId
4. 畢業日期：graduateDate
5. 練習時間：practiceTime

函式:
1. 取得產品資料：getProductLis()
2. 渲染圖表：renderChart()
3. 篩選購物車資料：filterCartData()
4. 排序註冊日期：sortRegisterDate()
5. 刪除訂單：deleteOrder()
-->

<!-- 報數 51:Yi Chieh
變數：
1. 我的 slack 名稱：mySlackName
2. 餐廳數量：restaurantNum
3. 課程 id：courseId
4. 畢業日期：graduationDate
5. 練習時間：practiceTime

函式：
1. 取得產品資料：getProductData
2. 渲染圖表：renderChart
3. 篩選購物車資料：filterCartData
4. 排序註冊日期：sortRegisterDate
5. 刪除訂單：deltetOrder
-->

<!-- 報數 52:鵬聖
變數：
1. 我的 slack 名稱：鵬聖
2. 餐廳數量：restaurantCont
3. 課程 id：classId
4. 畢業日期：graduationDate
5. 練習時間：practiceTime

函式：
1. 取得產品資料：getProduct()
2. 渲染圖表：showChart()
3. 篩選購物車資料：filterCart()
4. 排序註冊日期：sortRegisterDate()
5. 刪除訂單：deltetOrder()
-->

<!-- 報數 53: 圈圈
變數：
1. 我的 slack 名稱：mySlackName
2. 餐廳數量： restaurantNum
3. 課程 id： courseId
4. 畢業日期： graduateDate
5. 練習時間：practiceTime

函式：
1. 取得產品資料：getProductData()
2. 渲染圖表： renderTable()
3. 篩選購物車資料： filterCartData()
4. 排序註冊日期： sortRegisterDate()
5. 刪除訂單： deleteOrder()
-->
<!-- 報數 54: 班尼
變數：
1. let mySlackName = "林班尼";
2. let restaurantNum = 2;
3. let courseId = "#001";
4. let graduateDate= "2030-06-06"
5. let practiceTime= 5;

函式：
1. function getProductData(){};
2. function renderTable(){};
3. function filterCartData(){};
4. function sortRegisterDate(){};
5. function deleteOrder(){};
-->

<!--報數55: WuJungHan
變數:
1. 我的 slack 名稱 let mySlackName = 'WuJungHan';
2. 餐廳數量 let restaurantNum = 6;
3. 課程 id let courseId = '3345678';
4. 畢業日期 graduationDate = '2021/04/27';
5. 練習時間 practiceTime = '十分鐘';
函式:
1. 取得產品資料 function getProductList(){}:
2. 渲染圖表 function renderChart(){}:
3. 篩選購物車資料 function filterCartData(){}:
4. 排序註冊日期 function sortRegisteredDate(){}:
5. 刪除訂單 function deleteOrder(){};
-->

<!--報數：56 練習變數和函式命名
變數：
1. slack名稱：kaiaChun
2. 餐廳數量 : restaurantNum
3. 課程 id : courseId
4. 畢業日期 : graduateDate
5. 練習時間 : practiceTime

函式:
1. 取得產品資料 : getProductData
2. 渲染圖表 : renderChart
3. 篩選購物車資料 : selectCartData
4. 排序註冊日期 : sortRegisteredDate
5. 刪除訂單 : deleteOrderData
-->

<!--報數 57: Yiren
[變數]:
1. 我的 slack 名稱: const mySlackName = 'Yiren';
2. 餐廳數量: let restaurantNum = 5;
3. 課程 id: const courseId = '1100427';
4. 畢業日期: graduationDate = '2021/04/27';
5. 練習時間: practiceTime = '10';

[函式]:
1. 取得產品資料 function getProductList(){...};
2. 渲染圖表 function renderChart(){...};
3. 篩選購物車資料 function filterCartData(){...};
4. 排序註冊日期 function sortRegisteredDate(){...};
5. 刪除訂單 function deleteOrder(){...};
-->
<!--報數 58: 楊凱傑
變數:
1. 我的 slack 名稱 mySlackName
2. 餐廳數量 restaurantQuantity
3. 課程 id courseID
4. 畢業日期 graduationDate
5. 練習時間 exerciseTime

函式:
1. 取得產品資料 getProductData
2. 渲染圖表 renderChart
3. 篩選購物車資料 filterShoppingCartData
4. 排序註冊日期 sortRegisteredDate
5. 刪除訂單 deleteOrder

-->
<!--報數 59: Chiayu
變數
1. 我的 slack 名稱:  mySlackName = 'chiayu';
2. 餐廳數量: restaurantNum = 1;
3. 課程 id: courseId = '1150356';
4. 畢業日期: graduationDate = '2021/04/27';
5. 練習時間: practiceTime = '1';

函式
1. 取得產品資料: getProductData(){...};
2. 渲染圖表: renderChart(){...};
3. 篩選購物車資料: filterCartData(){...};
4. 排序註冊日期: sortRegisteredDate(){...};
5. 刪除訂單: deleteOrder(){...};
-->
<!--報數 60: 阿倫
變數:
1. 我的 slack 名稱: let mySlackName = '阿倫';
2. 餐廳數量:let restaurentNum = 0;
3. 課程 id: const courseId = 'Vue 作品實戰班 - 2021夏季';
4. 畢業日期: const graduationDate = '2021/04/27'
5. 練習時間: const practiceTime = 5

函式:
1. 取得產品資料: function getProductionData(){};
2. 渲染圖表: function renderChart(){};
3. 篩選購物車資料: function filterCartData(){};
4. 排序註冊日期: function sortRegisterdDate(){};
5. 刪除訂單: function deleteOrder(){};

<!--報數 61: 秘密XDD
變數:
1. 我的 slack 名稱  mySlackName = '秘密XDD'
2. 餐廳數量  restaurantNum = 10
3. 課程 id  courseId = '100056'
4. 畢業日期  graduateDate = '2021/4/27'
5. 練習時間  practiceTime = 600

函式:
1. 取得產品資料  getProductData()
2. 渲染圖表  renderChart()
3. 篩選購物車資料  filterCartData()
4. 排序註冊日期  sortRegisterDate();
5. 刪除訂單  delOrder();
-->

<!-- 報數: 62 / Alvin_Chu 
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChatr
3. 篩選購物車資料: selectChartData
4. 排序註冊日期: sortRegisterdData
5. 刪除訂單: deleteOrderData
-->
<!-- 報數: 63 / Jennifer
變數:
1. mySlackName
2. restaurantNumber
3. courseId
4. graduateDate
5. practiceTime

函式:
1. getProductData
2. renderChart
3. filterCartData
4. sortEnrollDate
5. deleteOrder
-->
<!-- 報數: 64 / Oober
變數:
1. mySlackName
2. restaurantAmount
3. courseId
4. graduatedDate
5. practicingTime

函式:
1. getProductInfo
2. renderChart
3. filteringCartInfo
4. sortRegisterDate
4. deleteOrder
-->

<!-- 報數 65：RitaHuang

variable:
1. let mySlackName = 'RitaHuang';
2. let restaurentAmount = 3;
3. let couseId = undifine;
4. let graduatedData = "2006/06/24";
5. let practicingTime = 120;

funciton:
1. function getProductInfo();
2. function rederCart();
3. function filteringCartInfo();
4. function sortRegisterData();
5. function deleteOrder();
-->

<!-- 報數 66：Wendy Li
變數:
1. 我的 slack 名稱: let mySlackName = 'Wendy Li'
2. 餐廳數量: let restaurantNum =  5
3. 課程 id: let coursesId = 5
4. 畢業日期: let graduatedDate = '2021/04/27'
5. 練習時間: let practicingTime = 150

函式:
1. 取得產品資料: function getProductData(){}
2. 渲染圖表: function renderCart(){}
3. 篩選購物車資料: function filterCartData(){}
4. 排序註冊日期: function sortSignInDate(){}
5. 刪除訂單: function deleteOrder(){}
-->

<!-- 報數 67：JOJO
變數:
1. 我的 slack 名稱: let mySlackName = 'JOJO'
2. 餐廳數量: let restaurantNum
3. 課程 id: let courseId
4. 畢業日期: let graduateDate
5. 練習時間: let practiceTime

函式:
1. 取得產品資料: function getProductData(){}
2. 渲染圖表: function renderChart(){}
3. 篩選購物車資料: function filterShoppingCartData(){}
4. 排序註冊日期: function sortSignUpDate(){}
5. 刪除訂單: function deleteOrder(){}
-->

<!-- 報數 68：Cass

答案：
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduationDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData()
2. 渲染圖表: renderChart()
3. 篩選購物車資料: fliterChartData()
4. 排序註冊日期: sortRegistrationDate()
5. 刪除訂單: deleteOrder()
-->
<!-- 報數 69：Eason
變數:
1. 我的 slack 名稱 let mySlackName = 'Eason'
2. 餐廳數量   let restaurantNum = 1
3. 課程 id   let courseId = 'Eason'
4. 畢業日期  let graduationDate = '2021/6/25'
5. 練習時間 let practiceTime = 100

函式:
1. 取得產品資料 function getProductData(){}
2. 渲染圖表  function renderChart(){}
3. 篩選購物車資料 function filterCartData(){}
4. 排序註冊日期 function SortRegisterDate(){}
5. 刪除訂單 function deleteOrder(){}
-->

<!-- 報數 70：Jamie
variable:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

function:
1. 取得產品資料: function getProductData()
2. 渲染圖表: function renderChart()
3. 篩選購物車資料: function filterCartData()
4. 排序註冊日期: function sortEnrollDate ()
5. 刪除訂單: function deleteOrder()
-->

<!-- 報數 71: FuChang
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantCount
3. 課程 id: courseId
4. 畢業日期: graduationTime
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: FilterCartData
4. 排序註冊日期: sortEnrollDate
5. 刪除訂單: deleteOrder
-->

<!-- 報數 72: Iva
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduationTime
5. 練習時間: practiceTime

函式:
1. 取得產品資料: queryProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortEnrollDate
5. 刪除訂單: deleteOrder
-->
<!-- 報數 73: moitw
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id : coursId
4. 畢業日期: finishDate
5. 練習時間

函式:
1. 取得產品資料
2. 渲染圖表
3. 篩選購物車資料
4. 排序註冊日期
5. 刪除訂單

<!-- 報數 74: cena
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduationTime
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData()
2. 渲染圖表: renderChart()
3. 篩選購物車資料: filterCartData()
4. 排序註冊日期: sortEnrollDate()
5. 刪除訂單: deleteOrder()

<!-- 報數 75:lita
變數:
1. 我的 slack 名稱：mySlackName
2. 餐廳數量：restaurantNum
3. 課程 id：classId
4. 畢業日期：graduateDate
5. 練習時間：practiceTime
函式:
1. 取得產品資料：getProductData
2. 渲染圖表：renderChart
3. 篩選購物車資料：filterCartData
4. 排序註冊日期：sortEnrollDate
5. 刪除訂單：deletOrder
-->

<!-- 報數 76:twoz
變數:
1. 我的 slack 名稱：twoz
2. 餐廳數量：restaurantNum
3. 課程 id：courseId
4. 畢業日期：graduateDate
5. 練習時間：practiceTime

函式:
1. 取得產品資料：getProductList
2. 渲染圖表：renderChart
3. 篩選購物車資料：fillterShoppingCar
4. 排序註冊日期：sortRegistDate
5. 刪除訂單：deleteOrderForm
-->

<!-- 報數 77:Olga
1. 我的 slack 名稱:mySlack
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderChart
3. 篩選購物車資料:filterCartData
4. 排序註冊日期:sortRegisterDate
5. 刪除訂單:delete -->

<!-- 報數 78: MM
1. mySlack
2. restaurantNum
3. courseId
4. graduationDate
5. practiceTime

函式:
1. getProductData
2. renderChart
3. filterCarData
4. sortRegisteredDate
5. removeOrder
-->

<!-- 報數 78:Echo
1. 我的 slack 名稱:mySlack
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderChart
3. 篩選購物車資料:filterCartData
4. 排序註冊日期:sortRegisterDate
5. 刪除訂單:deleteOrder 
-->

<!-- 報數 79:派翠克
1. 我的 slack 名稱:派翠克
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData ()=>{...}
2. 渲染圖表:renderChart ()=>{...}
3. 篩選購物車資料:filterCartData ()=>{...}
4. 排序註冊日期:sortRegisterDate ()=>{...}
5. 刪除訂單:deleteOrder ()=>{...}
-->


<!-- 報數 80:Judy Wei
變數:
1. 我的 slack 名稱:Judy Wei
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderChart
3. 篩選購物車資料:filterCartData
4. 排序註冊日期:sortRegisterDate
5. 刪除訂單:deleteOrder
-->

<!-- 報數：81:moitw
變數:
1. 我的 slack 名稱:mySlackName
2. 餐廳數量:restaurantNum
3. 課程 id:  courseId
4. 畢業日期: graduationDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderDiagram
3. 篩選購物車資料:filterShoppingCartData
4. 排序註冊日期:sortRegistDate
5. 刪除訂單:deletOrder
-->

<!-- 
報讀 82: Eyan 

變數：
1. mySlackName
2. restaurantNum
3. courseId
4. graduateDate
5. practiceTime

函式：
1. getProducts
2. renderChart
3. filterCart
4. sortRegisterDate
5. deleteOrder 
-->

<!-- 範例 報數 83 / SeanLiu
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduationDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderDiagram
3. 篩選購物車資料: filterShoppingCartData
4. 排序註冊日期: sortRegistDate
5. 刪除訂單: deletOrder
-->

<!--
報數 84 : Valerie
變數:
1. 我的 slack 名稱:myName
2. 餐廳數量:restaurantNum
3. 課程 id:courseId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderList
3. 篩選購物車資料:filterCart
4. 排序註冊日期:sortRegisterDate
5. 刪除訂單:deleteOrderForm
-->
<!-- 報數 85: Josh Fang
變數:
1. 我的 slack 名稱:mySlack
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderChart
3. 篩選購物車資料:filterCartData
4. 排序註冊日期:sortRegisterDate
5. 刪除訂單:delete
-->

<!-- 報數 86: Channing
變數:
1. 我的 slack 名稱:mySlackName
2. 餐廳數量: restNum
3. 課程 id: classId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProdData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterShopCartData
4. 排序註冊日期: sortRegistDate
5. 刪除訂單: delOrder
-->

<!-- 報數 87: ted31539
變數:
1. 我的 slack 名稱: mySlackName
2. 餐廳數量: restaurantNum
3. 課程 id: courseId
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortEnrollDate
5. 刪除訂單: deleteOrder
-->

<!-- 報數 88: Tofu Tseng
變數:
1. 我的 slack 名稱: Tofu Tseng
2. 餐廳數量: restaurantNum
3. 課程 id: courseID
4. 畢業日期: graduateDate
5. 練習時間: practiceTime

函式:
1. 取得產品資料: getProductData
2. 渲染圖表: renderChart
3. 篩選購物車資料: filterCartData
4. 排序註冊日期: sortRegisterDate
5. 刪除訂單: deleteOrderData
-->

<!-- 報數 89: Jay
每日任務回饋：
建議本次可以將題目的變數命名刪除，並示範答案長什麼樣子

Variables:
1. const mySlackName = Jay;
2. const restaurantNum = 3;
3. const classId = '66666';
4. let graduateDate = '0606';
5. let practiceTime = '600';

Function:
1. const getProductData = function(){};
2. const renderChart = function(){};
3. const filterCartData = function(){};
4. const sorRegisterDate = function(){};
5. const deleteOrder = function(){};
-->

<!-- 報數 90: Eric

變數:
1. 我的 slack 名稱:mySlackName
2. 餐廳數量:restaurantNum
3. 課程 id:classId
4. 畢業日期:graduateDate
5. 練習時間:practiceTime

函式:
1. 取得產品資料:getProductData
2. 渲染圖表:renderChart
3. 篩選購物車資料:filterCartData
4. 排序註冊日期: sortRegisterDate
5. 刪除訂單:delOrder
-->

<!-- 報數 91: Carol

變數:
1.const mySlack = “Carol Carol”;
2.const restaurantNum = 2;
3.const classId = “AB123”;
4.const graduateDate = “2021/09/01”;
5.const parcticeTime = 4;

函式:
1.function getProductDate(){}
2.function renderChart(){}
3.function filterCarData(){}
4.function sortRegisterDate(){}
5.function delete(){} 
-->

<!-- 報數 92: 田 
變數:
1. mySlackName
2. restaurantNum
3. classId
4. graduateDate
5. practiceTime

函式:
1. getProductList
2. renderChart
3. filterCartList
4. sortRegisterDate
5. deltetOrder
-->

<!-- 報數 93: Lin
變數:
1. const mySlack = "Lin";
2. const restaurantNum = 5;
3. const classId = "ABC0123456789";
4. const graduateDate = "2021/5/12";
5. const practiceTime = "2hr/Day";

函式:
1. const getProductList = function(){......};
2. const renderChart = function(){......};
3. const filterCartList = function(){......};
4. const sortRegisterDate = function(){......};
5. const delete = function(){......};
-->

<!--報數 94：kevinhes
變數
1.let mySlackName = " "
2.let restaurantNum = " "
3.let classId =
4.let Graduateddata = 
5.let pracitcedTime = 
函式：
1. function getProudctData (){}
2. function renderChart(){}
3. function filterCarData(){}
4. function sortRegisterData(){}
5. function delete(){}
-->


<!-- 報數 94：Shino

變數:
1. let mySlackName = 'Shino';
2. let restaurantNum = 10;
3. let classId = 'Vue 作品實戰班 - 2021夏季';
4. let graduateDate = '2021/06/25';
5. let practiceTime = 10;

函式:
1. function getProductData() {}
2. function renderChart() {}
3. function filterCartData() {}
4. function sortRegisterData() {}
5. fucntion deleteOrder() {}

-->

<!-- 報數 95

變數:
1. const mySlackName = 'Andrew Chi';
2. let restaurantNum = 10;
3. const classId = ’Vue作品實戰班‘;
4. const graduateDate = '2021/06/25';
5. let practiceTime = 8;

函式:
1. function getProductData() { ... }
2. function renderChart() { ... }
3. function filterCartData() { ... }
4. function sortRegisterDate() { ... }
5. function deleteOder() { ... }

-->

<!-- 報數 96：Emily Hsi
變數:
1. let mySlackName = '';
2. let restaurantNum = 5;
3. let classId = 'AA112233'
4. let graduateDate = '2021/05/01'
5. let practiceTime = 8;

函式:
1. function getProductData(){}
2. function renderChart(){}
3. function filterCartData(){}
4. function sortRegisterDate(){}
5. function delete(){}
-->