# 🏅Day20 - todolist 實作篇 - 刪除資料功能

## 刪除資料

刪除資料資料時，我們會使用 `DELETE` 的方式，並且後方會帶上要刪除產品資料的 ID

const url = "example/api"

axios.delete(`${url}/${ 要刪除產品的id }`, {
    headers: {
      Authorization: token.value,
    },
  })
  .then(response => {
    console.log('資料刪除成功:', response.data);
  })
  .catch(error => {
    console.error('刪除資料時發生錯誤:', error);
  });

題目
---
操作 [這個模板](https://codepen.io/yen-kg/pen/MWMbgXd)，執行以下要求（只能操作 script 的部分）：
* 完成刪除資料功能，並且能夠取得全部資料呈現在畫面之上。

## 回報流程

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


<!-- 解答：
const deleteTodo = async(id) => {
const response = await axios.delete(`${api}/todos/${id}`, {
headers: {
Authorization: token.value,
},
});
getTodos();
}
-->

回報區
---

| Discord | CodePen / 答案 |
|:----------------:|:-------------------------------------------------------------------:|
| thchen2002 | [CodePen](https://codepen.io/thchen2002/pen/empLZVM) |
| 地瓜 | [CodePen](https://codepen.io/huangtzuchin/pen/pvjObNO) |
| dPi | [CodePen](https://codepen.io/snijqlte-the-bold/pen/pvjOyOp) |
| yu005620 | [CodePen](https://codepen.io/yu-chin-chiang/pen/azvamoZ) |
| poyi | [CodePen](https://codepen.io/poyi-the-flexboxer/pen/azvaBdG) |
| 阿鵝 | [CodePen](https://codepen.io/noracami/pen/YPyOpem) |
| 叮咚 | [CodePen](https://codepen.io/pinchieh-lin/pen/PwPdpWy) |
| Lin | [CodePen](https://codepen.io/Lin4611/pen/XJmPMMK) |
| RUDY | [CodePen](https://codepen.io/Rudy-crw/pen/OPyopgr) |
| William Hsieh | [CodePen](https://codepen.io/lsaimqxa-the-vuer/pen/ZYbMqVx) |
| Clarence | [CodePen](https://codepen.io/Clarence-Lin/pen/jEbvQWZ) |
| wei_0982 | [CodePen](https://codepen.io/nico-lai/pen/YPyJwae) |
| Sam.S.T.Y | [CodePen](https://codepen.io/Sam-Yang-the-animator/pen/dPYgMXq) |
| dean | [CodePen](https://codepen.io/ch933114/pen/zxvmKLo) |
| Loder | [CodePen](https://codepen.io/rgbkomhs-the-flexboxer/pen/OPyBaXR) |
| 阿Kai | [CodePen](https://codepen.io/kaihuang3013/pen/GgpwqwN) |
| Candace | [CodePen](https://codepen.io/Candace802/pen/XJmyerK) |
| Toung | [CodePen](https://codepen.io/Toung/pen/yyYwwPO)|
| Rexlin | [CodePen](https://codepen.io/Rexlin595/pen/myeoNMy)|
| haohaoliao | [CodePen](https://codepen.io/yuyuyuhaohao/pen/ogboRLV) |
<!--

| user | [CodePen]() |

-->