2025-01-30- JavaScript 系列八：第5課 ── 體重追蹤應用程式-步驟04

繼續完成你的 體重追蹤應用程式！你目前的程式已經有表單、新增功能、localStorage 儲存、排序，現在我們來補上幾個關鍵部分，依順序做：

---

✅ 1. 修正刪除功能

你原本的刪除邏輯：

records.value = records.value.filter(r=> r.id)

這段不對，因為它只是留下 r.id 為真 的項目，沒有過濾掉特定 ID。

請改成這樣：

const deleteRecord = (id) => {
  records.value = records.value.filter(r => r.id !== id)
}

---

✅ 2. 加上刪除按鈕內容

你這裡原本是空的：

<button @click="deleteRecord(record.id)"></button>

請補上文字或圖示，例如：

<button @click="deleteRecord(record.id)" class="text-red-500">刪除</button>

---

✅ 3. 顯示圖表（Chart.js）

這是我們下一步目標：用 Chart.js 畫出體重變化的折線圖。