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