鐵人檔案
健康和醫療是人們生活中很重要的一環，本次挑戰我希望能以「家庭照護的全場景需求」為核心，運用前端技術（HTML/CSS/JS），打造零負擔、具備本地記憶功能的網頁工具箱。從兒童緊急用藥驗算、慢性病與多重用藥的時間表整理、眼藥水與特殊藥品開瓶效期追蹤，到日常生理指標計算，一站式解決全家人的健康管理痛點，讓藥物安全與健康維護變得簡單、直覺且安心。
本篇文章目錄 前言：算出了數字，然後呢？DOM 渲染的兩大途徑 textContent vs innerHTML 核心差異比較 實戰應用：計算 BMI 評語...
本篇文章目錄 前言：讓 UI 自己會說話 —— 視覺化健康狀態 Badge 原生 JS 樣式控制：element.className vs element.c...
本篇文章目錄 前言：邁向強健 (Robust) 的醫療前端程式碼 實戰防呆：表單輸入驗證與 Guard Clause 衛語句 [Tool 1 生理指標計算器]...
本篇文章目錄 前言：為什麼兒科用藥需要劑量換算？ 臨床兩大經典推算公式：揚氏公式 (Young's Rule) 與 克拉克公式 (Clark's Rule)...
本篇文章目錄 前言：提升 UX 的關鍵 —— 唯有需要的欄位才顯示！ JS 事件機制：什麼時候該使用 change 事件？ 實戰切換：classList.ad...
本篇文章目錄 前言：將臨床公式轉化為程式邏輯 兩大核心演算法拆解：揚氏公式與克拉克公式 實戰 JS 開發：劑量算式與結果渲染 程式碼重點與體驗細節解析 結語...
本篇文章目錄 前言：醫療軟體的核心安全原則 ——「兒童劑量不得超越成人上限」 兒科用藥安全機制：天花板效應 實戰程式碼：實戰程式碼：整合邊界驗證與上限控制 經...
本篇文章目錄 前言：Tool 2 兒童用藥劑量換算器開發回顧 核心功能亮點與技術架構總覽 實際功能展示與操作情境模擬（UI & 運算邏輯） 完整程式碼...
本篇文章目錄 前言：為什麼需要「每日用藥時間表生成器」？ 臨床四大服藥時間點：早、中、晚、睡前與多選（Checkbox）設計思維 實戰切版：Tool 3 HT...
本篇文章目錄 前言：從靜態 HTML 走向資料驅動 (Data-Driven) 自動化體驗第一步：Date 物件與今日日期格式化 (YYYY/MM/DD) 多...
