0,0 mL0 mga 20 mg/mL

Ejemplo de cálculo, no sustituye la pauta médica

HTML + CSSEingabefelder

Dosis mit skalierter Spritze

Gib Gewicht und Dosis pro Kilo ein, und eine skalierte Spritze zieht die errechneten Milliliter auf, mit Warnung, wenn sie nicht hineinpassen.

Einstellungen

16px
1x

Code

<div class="uvq06-sy"><div class="rw"><label class="fd"><span>Gewicht</span><span class="ip"><input type="number" inputmode="decimal" min="1" max="150" step="0.5" data-k="w"><em>kg</em></span></label><label class="fd"><span>Dosis</span><span class="ip"><input type="number" inputmode="decimal" min="0.5" max="50" step="0.5" data-k="d"><em>mg/kg</em></span></label></div><div class="sx" aria-hidden="true"><span class="nd"></span><span class="hb"></span><span class="br"><i class="lq"></i><i class="tk m" style="--k:0"><b>0</b></i><i class="tk" style="--k:1"></i><i class="tk m" style="--k:2"></i><i class="tk" style="--k:3"></i><i class="tk m" style="--k:4"><b>2</b></i><i class="tk" style="--k:5"></i><i class="tk m" style="--k:6"></i><i class="tk" style="--k:7"></i><i class="tk m" style="--k:8"><b>4</b></i><i class="tk" style="--k:9"></i><i class="tk m" style="--k:10"></i><i class="tk" style="--k:11"></i><i class="tk m" style="--k:12"><b>6</b></i><i class="tk" style="--k:13"></i><i class="tk m" style="--k:14"></i><i class="tk" style="--k:15"></i><i class="tk m" style="--k:16"><b>8</b></i><i class="tk" style="--k:17"></i><i class="tk m" style="--k:18"></i><i class="tk" style="--k:19"></i><i class="tk m" style="--k:20"><b>10</b></i><span class="rd"><i></i></span></span></div><p class="out" aria-live="polite"><b>0,0 mL</b><span class="mg">0 mg</span><span class="cn">bei 20 mg/mL</span></p><p class="nt">Rechenbeispiel, ersetzt keine ärztliche Verordnung</p></div>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Eingabefelder

Alle ansehen: Eingabefelder

Wofür du ihn nutzen kannst

Zwei Zahlenfelder, Körpergewicht und Dosis in Milligramm pro Kilo, speisen eine kleine Rechnung, die auf einer skalierten 10-mL-Spritze aus CSS sichtbar wird. Kolben und Flüssigkeit bewegen sich über eine registrierte Custom Property weich bis zum Ergebnis, und die Summe in Milligramm und Millilitern aktualisiert sich sofort. Über dem Fassungsvermögen wird alles rot.

Passe Konzentration und Fassungsvermögen im Skript an deinen Fall an und behalte den Hinweis, dass es nur ein Beispiel ist. Es passt zu Schulungstools für Klinik und Tiermedizin, Apotheken-Demos und Naturwissenschaftsunterricht, mit der Hauptfarbe für das Ergebnis und der zweiten für die Flüssigkeit.