今天處理昨天提到的問題：

• 將 report.html、record.html 兩個頁面加上標題
• 將 record.html 頁面添加標題欄，以便回主頁或其他頁面
• 將表單不合理的地方修正
  1. 只能儲存一次的紀錄
  2. 用藥時間及藥物名稱修改
  3. 輸入血糖值後，判斷血糖狀態

另外還新增了兩個修改：

• 更改了運動狀況、藥物狀況的選項位子
• 表單填寫完送出之後，會跳出通知說成功填寫，直轉跳至紀錄頁面

實作呈現

頁面加上title

加上title的同時也調整了標題與標題欄的位置，使其與 index.html 頁面長的一樣

• report.html
  
• record.html
  

record.html 頁面加標題欄

不合理地方修正

只能存取一次的紀錄

改成紀錄每次的紀錄，最新的會在最上面
1.輸入資料

2.新輸入的在最上面，且會儲存以往的紀錄

用藥時間及藥物名稱修改

用藥時間改成必填，藥物名稱改為選填，因為醫生開的藥通常都差不多，且病患負責準時吃藥就好

判斷血糖狀態

輸入餐後血糖值後，會判斷過高、標準或過低，之後應該會加上顏色的區別

document.addEventListener("DOMContentLoaded", function () {
    const records = JSON.parse(localStorage.getItem("records")) || [];
    const tbody = document.getElementById("reportBody");

    function getGlucoseStatus(v) {
        const val = parseInt(v, 10);
        if (isNaN(val)) return "未知";
        if (val < 70) return "過低";
        if (val <= 140) return "正常";
        if (val <= 200) return "偏高";
        return "過高";
    }

多加兩個修改

運動狀況、藥物狀況的選項位子

• 原本的位子
  
• 更新後的位子
  

表單填寫完成通知

按下後會轉跳至report.html的頁面