iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
自我挑戰組

鐵人挑戰系列 第 24

Day24- 卡路里html+java計算

  • 分享至 

  • xImage
  •  

Day24- 卡路里html+java計算


首先,要先用document.getElementById來找到html中的form區塊

我的html程式中,form包裹著體重,身高,年齡,性別,活動程度這些變數,而我得從這些變數的到使用者輸入的數值,所以得先使用document.getElementById來獲得數值。
而使用addEventListener的使用說明,我舉一個例子
可以看到在html中,設定一個按鈕id為btn,會透過回乎函數的方式對事件新增處理器,當button這個元素被典籍的時候,會出現設定好的答案。
而我使用addEventListener來為我的submit點擊時,點擊會跑我設定好的程式。而我設定的程式,function handleSubmit下面先獲取html中輸入的weight、height、age、gender、activityLevel變數先獲取下來之後我先研究如何計算,明日再與大家分享卡路里計算的方法喔~


上一篇
Day23- 卡路里html+java計算
下一篇
Day25- 卡路里html+java計算
系列文
鐵人挑戰28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言