0,0 mL0 mga 20 mg/mL
Ejemplo de cálculo, no sustituye la pauta médica
Dosis con jeringa graduada
Escribe el peso y la dosis por kilo y una jeringa graduada se carga con los mililitros que salen, con aviso si no caben.
Ajustes
Código
<div class="uvq06-sy"><div class="rw"><label class="fd"><span>Peso</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">a 20 mg/mL</span></p><p class="nt">Ejemplo de cálculo, no sustituye la pauta médica</p></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Ver todos: InputsDónde usarlo
Dos campos numéricos, peso y dosis en miligramos por kilo, alimentan un cálculo pequeño que se ve en una jeringa graduada de 10 mL dibujada en CSS. El émbolo retrocede y el líquido crece hasta el resultado gracias a una propiedad personalizada registrada, así que el movimiento es suave, y el total en miligramos y mililitros se actualiza al momento. Si supera la capacidad, se vuelve rojo.
Cambia en el script las constantes de concentración y capacidad para tu caso, y mantén la nota de que es solo un ejemplo. Encaja en herramientas de formación clínica y veterinaria, demos de farmacia y clases de ciencias, con el color principal para el resultado y el secundario para el líquido.