これらのフィールドの可視性は、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 



詳しく見てみましょう:


アルコール代謝率: アルコール代謝率 = 0.015

この値は、身体が 1 時間あたりに BAC を減少させる平均速度を表します (約 0.015%)。


現在の BAC の計算: currentBAC = ((total * 10) / ((weight.valueAsNumber * 1000) * parseFloat(bodywater.value))) * 100


total * 10: 消費されたアルコールの合計単位をグラムに変換します (1 単位は純アルコール約 10 グラムに等しいため)。

weight.valueAsNumber * 1000: 計算のために体重をキログラムからグラムに変換します。

bodywater.value: アルコールが体内にどのように分布するかに影響する、生物学的性別に基づく小数係数 (例: 男性の場合は 0.58、女性の場合は 0.49)。
次に、結果に 100 を掛けて、BAC をパーセンテージに変換します。


断酒までの時間の推定: 断酒時間 = (現在の BAC / アルコール代謝率).toFixed(1);

現在のBACを代謝率で割って、BACがゼロに達するまでに必要な時間を推定します。


法的な運転ステータスの決定: canDrive = currentBAC 

現在の BAC を選択した法定 BAC 制限と比較します。現在の BAC が制限内にある場合、ユーザーは「運転に適している」とみなされます。それ以外の場合は、そうではありません。

calculateAnswer 関数は、これらの値を組み合わせて、現在の BAC、飲酒までの時間、ユーザーが運転に適しているかどうかを示すメッセージを生成します。


…これでこのチュートリアルは終了です。必要に応じて、より子供向けの UX を作成して、CodePen を自由に試してみてください。このツールは推定値を提供するものであり、各飲み物を飲んだ時間などの要因は考慮していないことに注意してください。そして、これはおそらく地味な人によって使用される可能性が高いことに注意してください!



  
  
  デモ






DALL・E によるカバー、プロンプトから: 初期のディズニーやカップヘッズに似た漫画風のスタイルで酔った車を生成します。画像として 1000x420 ピクセルまでトリミングできます。