本篇文章目錄

1. 前言：為什麼兒科用藥需要劑量換算？
2. 臨床兩大經典推算公式：揚氏公式 (Young's Rule) 與 克拉克公式 (Clark's Rule)
3. 實戰切版：解析 Tool 2 HTML 表單與動態隱藏欄位結構
4. 介面亮點與醫療安全設計
5. 結語

一、 前言：為什麼兒科用藥需要劑量換算？

在醫學臨床上有一句名言：「孩子不是縮小版的大人（Children are not miniature adults）」。孩子的器官發育尚未完全，代謝與排除藥物的能力與大人大不相同。

然而，市面上許多常見藥品的包裝標示多以 「成人單次標準劑量（mg）」 為基準。當家長或醫護人員需要給藥時，若沒有專門的兒童劑量，就必須透過臨床經典公式，以 兒童年齡 或 兒童體重 進行推算。

今天我們正式進入專案的 第三階段：[Tool 2] 兒童用藥劑量換算器，第一步先來構建清晰且易用的 HTML 表單介面！

二、 臨床兩大經典推算公式簡介

為了讓這個工具更具專業度，我們的 [Tool 2] 支援了藥學上最常用的兩種小兒劑量估算公式：

1. 依年齡：揚氏公式 (Young's Rule)
   • 公式：兒童劑量= 成人劑量 × 年齡/(年齡+12)
   • 適用情境：適合用於 1 歲以上至 12 歲兒童，且無法精確測量體重時。
2. 依體重：克拉克公式 (Clark's Rule)
   • 公式：兒童劑量= 成人劑量 × 體重 (kg)/70 kg (或 150 lbs)
   • 適用情境：以體重佔成人標準體重 (70kg) 的比例來推算，在臨床上通常比單純依據年齡更為精準。

三、 實戰切版：解析 Tool 2 HTML 表單結構

為了讓使用者選擇不同換算依據時，介面能優雅地切換對應欄位，我們使用了 form-grid 網格佈局。

/index.html

四、 介面亮點與醫療安全設計

1. .full-width 語意化佈局

將「成人單次標準劑量 (mg)」設置為 full-width，讓它在網格上方獨占一整行。這是因為成人劑量是所有公式運算的 基準點，放在最上方有助於確立邏輯順序。

2. .hidden 的欄位切換預留

將 group-child-age（年齡）與 group-child-weight（體重）獨立成兩個 input-group。預設讓「年齡」顯示，而「體重」加上 .hidden（display: none）。後續我們將透過 JS 監聽 #calc-type 下拉選單，實現無縫切換！

3. 警示文字與免責聲明 (.note)

在結果顯示區塊下方，我們加上了 「註：此計算結果僅供參考，實際用藥請務必遵循醫師或藥師指示。」。作為醫療資訊工具，嚴謹的醫療免責聲明（Medical Disclaimer）是確保使用者安全的重要無障礙與風險防禦機制！

五、 結語

今天我們完成了 [Tool 2] 兒童用藥劑量換算器的 HTML 結構，結合了 揚氏公式 與 克拉克公式 的輸入需求，並預留了彈性的欄位切換機制。

在明天的 [Day 15] 中，我們將撰寫 JavaScript 監聽器，當使用者切換「依年齡 / 依體重」下拉選單時，動態切換 #group-child-age 與 #group-child-weight 的顯示狀態，並挑戰兩大公式的核心計算邏輯。