0,0 mL0 mga 20 mg/mL
Ejemplo de cálculo, no sustituye la pauta médica
Dose avec seringue graduée
Saisis le poids et la dose par kilo, et une seringue graduée se charge des millilitres obtenus, avec une alerte s'ils ne rentrent pas.
Réglages
Code
<div class="uvq06-sy"><div class="rw"><label class="fd"><span>Poids</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>Dose</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">à 20 mg/mL</span></p><p class="nt">Exemple de calcul, ne remplace pas une prescription médicale</p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Deux champs numériques, le poids et la dose en milligrammes par kilo, alimentent un petit calcul affiché sur une seringue graduée de 10 mL dessinée en CSS. Le piston recule et le liquide monte jusqu'au résultat grâce à une propriété personnalisée enregistrée, d'où un mouvement fluide, et le total en milligrammes et millilitres se met à jour en direct. Au-delà de la capacité, tout passe au rouge.
Modifie dans le script les constantes de concentration et de capacité selon ton cas, et garde la mention indiquant qu'il s'agit d'un exemple. Il convient aux outils de formation clinique et vétérinaire, aux démos de pharmacie et aux cours de sciences, avec la couleur principale pour le résultat.