本篇文章目錄

1. 前言：Tool 2 兒童用藥劑量換算器開發回顧
2. 核心功能亮點與技術架構總覽
3. 實際功能展示與操作情境模擬（UI & 運算邏輯）
4. 完整程式碼庫回顧 (HTML + JS)
5. 結語

一、 前言：Tool 2 兒童用藥劑量換算器開發回顧

經歷了 5 天的實戰開發，我們成功打造了專案的第二個核心工具——[Tool 2 兒童用藥劑量換算器]

在兒科用藥領域，「精準」與「安全」是最高原則。我們從臨床最常用的兩大估算公式出發，克服了動態欄位切換、邊界條件攔截以及劑量上限天花板等關鍵細節，為使用者提供了一個既專業又直觀的輔助計算介面。

今天 [Day 18]，我們將進行全方位的成果總覽與實際功能展示，看看這個工具在不同輸入情境下是如何順暢運作的！

二、 核心功能亮點與技術架構總覽

這 5 天下來，我們在 Tool 2 中實作了以下四大核心功能：

三、 實際功能展示與操作情境模擬

為了驗證 Tool 2 的強健性，我們針對三種代表性的實際使用情境進行測試：

情境 1：切換換算依據（動態 UI 展現）

• 操作：當使用者將「換算依據」從 「依年齡（揚氏公式）」 切換為 「依體重（克拉克公式）」 時。
• 展示效果：
  1. JS 監聽 change 事件。
  2. #group-child-age 自動加上 .hidden 隱藏。
  3. #group-child-weight 移除 .hidden 無縫顯現，表單視覺極度乾淨！
     

情境 2：一般正常劑量推算 (依年齡)

• 輸入資料：

  • 成人單次標準劑量：500 mg
  • 換算依據：依年齡
  • 兒童年齡：6 歲

• 公式運算：

  兒童劑量（揚氏公式）= 500 × 6 / (6+12) = 500× 6 / 18 = 166.666...(mg)

• 展示效果：

  點擊「✨ 換算兒童劑量」後，結果區域順暢展開，渲染輸出 166.7 mg（經由 .toFixed(1) 格式化），精準貼近臨床給藥判定！
  

情境 3：極端體重觸發「劑量天花板」安全機制

• 輸入資料：

  • 成人單次標準劑量：400 mg
  • 換算依據：依體重
  • 兒童體重：75 kg（較重之青少年）

• 公式運算：

  兒童劑量（克拉克公式）= 400 ×（75 / 68）= 441.17(mg)

• 展示效果：

  因為推算結果（441.2 mg）已超越成人劑量上限（400 mg），系統觸發天花板限制：

  1. 跳出 Alert 警示：⚠️ 注意：計算結果已超越成人劑量，系統已自動調整為成人單次劑量上限！
  2. 將顯示劑量強制卡在 400.0 mg，發揮醫療軟體最重要的安全防禦作用！
     

四、 完整程式碼回顧

以下是 Tool 2 的 HTML 與 JavaScript 完整實作程式碼：

1. HTML 結構

/index.html

2. JavaScript 邏輯

/tool2-dosage.js

五、 結語

我們正式完成了 [Tool 2 兒童用藥劑量換算器] 的所有實作、安全測試與成果展示。

從明天的 [Day 19] 開始，我們將正式邁入專案的第四階段——[Tool 3 藥品保存與副作用查詢工具]，我們將會學到如何處理更複雜的物件陣列（Array of Objects）以及動態搜尋過濾邏輯。