Heim > Artikel > Web-Frontend > Kann ich fahren? Codierung eines Alkoholtesters
In Dänemark, wo ich lebe, halten wir leider einen Rekord innerhalb Europas: Unsere Kinder sind die stärksten Alkoholtrinker auf dem Kontinent. Aus diesem Grund liegt ein starker Schwerpunkt auf der Reduzierung des Alkoholkonsums bei Jugendlichen und der Aufklärung von Kindern über die Auswirkungen von Alkohol.
Ich habe für unsere örtliche Schule einen Alkoholrechner in HTML und JavaScript zusammengestellt, um Schülern zu zeigen, wie sich Alkohol auf den Körper auswirkt und wie der Blutalkoholgehalt (BAC) berechnet wird.
Um den BAC oder „Promille“ zu schätzen, benötigen Sie ein paar wichtige Informationen:
Verschiedene Getränke führen je nach Menge und Alkoholkonzentration unterschiedlich viel Alkohol in Ihren Blutkreislauf. Um dies zu standardisieren, erfolgt die Berechnung der Alkoholeinheit in der Regel wie folgt:
volume (cl) * alcohol percentage * 0.8 / 120
Die gesamte „App“ ist als
const { add, addbeverage, etc. } = app.elements;
Da BAC-Grenzwerte je nach Region variieren, müssen wir zunächst eine Region auswählen, den Gewichtsregler anpassen und ein biologisches Geschlecht auswählen:
Als nächstes können wir mit dem Hinzufügen von Getränken beginnen:
Dies ist ein einfacher
Die Sichtbarkeit dieser Felder wird über eine enableElements-Funktion gesteuert:
[percentage, units, volume].forEach(el => el.disabled = !bool);
Wenn wir dann das Getränk hinzufügen, wird eine Liste der konsumierten Getränke erstellt und der Alkoholgehalt, die geschätzten Stunden bis zur Ausnüchterung usw. berechnet:
Sie können dann weitere weitere Getränke hinzufügen und der BAC wird entsprechend aktualisiert:
Es war sehr für mich überraschend zu erfahren, dass der gesetzliche BAC in den USA viermal höher ist als der in Schweden oder Norwegen!
Mit anderen Worten: In Schweden könnten Sie Ihren Führerschein verlieren, wenn Sie eine Menge trinken, die in den USA gesetzlich zulässig wäre
Die Kernberechnung für BAC wird in der Funktion „calculeAnswer“ durchgeführt:
volume (cl) * alcohol percentage * 0.8 / 120
Lassen Sie es uns aufschlüsseln:
Alkoholstoffwechselrate: Alkoholstoffwechselrate = 0,015
Berechnung des aktuellen BAC: currentBAC = ((total * 10) / ((weight.valueAsNumber * 1000) * parseFloat(bodywater.value))) * 100
Schätzung der Stunden bis zur Nüchternheit: hoursToSober = (currentBAC / AlcoholMetabolismRate).toFixed(1);
Bestimmung des legalen Fahrstatus: canDrive = currentBAC <= parseFloat(limit.value);
Die Funktion „calculeAnswer“ kombiniert diese Werte dann zu einer Nachricht, die den aktuellen Blutzuckerspiegel, die Stunden bis zur Nüchternheit und die Fahrtauglichkeit des Benutzers anzeigt.
… Und damit ist dieses Tutorial abgeschlossen. Wenn Sie möchten, können Sie gerne mit dem CodePen experimentieren – vielleicht indem Sie eine kinderfreundlichere Benutzeroberfläche schaffen. Denken Sie daran, dass dieses Tool eine Schätzung liefert und Faktoren wie die Zeit, zu der Sie jedes Getränk konsumiert haben, nicht berücksichtigt. Und denken Sie daran, dass es höchstwahrscheinlich von nüchternen Menschen verwendet wird!
Cover von DALL·E, aus der Eingabeaufforderung: Generieren Sie ein betrunkenes Auto im Cartoon-Stil, ähnlich den frühen Disney- und Cupheads-Filmen, als Bild, das ich auf 1000 x 420 Pixel zuschneiden kann.
Das obige ist der detaillierte Inhalt vonKann ich fahren? Codierung eines Alkoholtesters. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!