iT邦幫忙

2025 iThome 鐵人賽
DAY 20
0
自我挑戰組

打造一個糖尿病自我監測小工具：從0開始學前端系列 第 20 篇

Day20打造一個糖尿病自我監測小工具：從0開始學前端

17th鐵人賽
158 瀏覽

  • 分享至 

  • xImage
    •  

今天放上昨天實作的東西，真的弄超久...，一直被 JS 邏輯卡住。

成果呈現

  • ( 修改前 ) 詳細個人資料：按下「編輯個人資料」轉跳
    https://ithelp.ithome.com.tw/upload/images/20250918/20169698KQtfI1rcZl.png
  • 編輯個人資料頁面：
    https://ithelp.ithome.com.tw/upload/images/20250918/20169698eOqYpydXIp.png
    • 性別、家族病史：下拉式選單
      https://ithelp.ithome.com.tw/upload/images/20250918/20169698s1UbOZVODv.png
      https://ithelp.ithome.com.tw/upload/images/20250918/20169698dEN0CUf3TK.png
    • 糖尿病類型： radio 選項
      https://ithelp.ithome.com.tw/upload/images/20250918/20169698byfzjxbhJl.png
    • 當糖尿病類型選擇其它時，會出現隱藏的填寫框
      https://ithelp.ithome.com.tw/upload/images/20250918/20169698aN8nuRcdBs.png
  • 送出前確認框 ( 送出後會轉跳回 account.html )
    https://ithelp.ithome.com.tw/upload/images/20250918/20169698nxyMeuUAQe.png
  • ( 修改後 ) 詳細個人資料
    https://ithelp.ithome.com.tw/upload/images/20250918/20169698agDRGzsk1x.png

但真的把規畫好的功能做出來時，真的很有成就感。


上一篇
Day19打造一個糖尿病自我監測小工具：從0開始學前端
下一篇
Day21打造一個糖尿病自我監測小工具：從0開始學前端
系列文
打造一個糖尿病自我監測小工具：從0開始學前端 共 30 篇
  1. 26
    Day26打造一個糖尿病自我監測小工具：從0開始學前端
  2. 27
    Day27打造一個糖尿病自我監測小工具：從0開始學前端
  3. 28
    Day28打造一個糖尿病自我監測小工具：從0開始學前端
  4. 29
    Day29打造一個糖尿病自我監測小工具：從0開始學前端
  5. 30
    Day30打造一個糖尿病自我監測小工具：從0開始學前端
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
303 組
團體組數
12 組
累計文章數
2924 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 18th鐵人賽 windows php c# linux windows server css
熱門問題
熱門回答
熱門文章
IT邦幫忙