這些欄位的可見性由enableElements函數控制：

[percentage, units, volume].forEach(el => el.disabled = !bool);

當我們添加飲料時，會建立一份消耗飲料列表，併計算 BAC、預計醒酒時間等：

然後您可以繼續添加更多飲料，BAC也會相應更新：

令我感到非常驚訝的是，美國的合法 BAC 比瑞典或挪威的大 4 倍！

換句話說，在瑞典，您可能會失去您的執照，因為飲酒量達到了美國法律允許的數量

分解 BAC 計算

BAC的核心計算在calculateAnswer函數中處理：

function calculateAnswer() {
  const alcoholMetabolismRate = 0.015;
  const currentBAC =
    ((total * 10) /
      (weight.valueAsNumber *
        1000 *
        parseFloat(bodywater.value))) *
    100;
  const hoursToSober = (
    currentBAC / alcoholMetabolismRate
  ).toFixed(1);
  const canDrive =
    currentBAC 



讓我們分解一下：


酒精代謝率：alcoholMetabolismRate = 0.015

此數值代表身體每小時減少 BAC 的平均速率（約 0.015%）。 


計算目前BAC：currentBAC = ((total * 10) / ((weight.valueAsNumber * 1000) * parseFloat(bodywater.value))) * 100


總計 * 10：這會將消耗的總酒精單位轉換為克（因為 1 個單位約等於 10 克純酒精）。 

weight.valueAsNumber * 1000：將體重從公斤轉換為克以供計算。 

bodywater.value：基於生物性別的小數因子，影響酒精在體內的分佈（例如，男性為 0.58，女性為 0.49）。 
然後將結果乘以 100，將 BAC 轉換為百分比。 


估計清醒時間：hoursToSober = (currentBAC / alcoholMetabolismRate).toFixed(1);

將目前 BAC 除以代謝率，以估算 BAC 達到零所需的時間。 


判斷合法駕駛狀態: canDrive = currentBAC 

將目前 BAC 與選定的合法 BAC 限值進行比較。如果目前 BAC 在限制範圍內，則認為使用者「適合駕駛」；否則，他們就不是。 

calculateAnswer 函數然後將這些值組合成一條訊息，顯示當前的 BAC、清醒前的小時數以及使用者是否適合開車。 


...本教學就到此結束。如果您願意，可以隨意嘗試 CodePen——也許可以創建一個對兒童更友善的用戶體驗。請記住，該工具提供了估計值，但沒有考慮您飲用每種飲料的時間等因素。請記住，它很可能會被清醒的人使用！ 



  
  
  示範






封面由 DALL·E 提供，提示：以類似於早期迪士尼和茶杯頭的卡通風格生成一輛醉車，作為圖像我可以裁剪到 1000x420 像素。