JSFiddle - React, Tailwind, and code Playground

by Sahil Kashyap

HTML

<form method="post">
<div><label>Amount $
    <input type="number" placeholder="0.00" required name="price" min="0" value="0" step="0.001" title="Currency" pattern="^\d+(?:\.\d{1,3})?$" onblur="
this.parentNode.parentNode.style.backgroundColor=/^\d+(?:\.\d{1,3})?$/.test(this.value)?'inherit':'red'
">
<input type="number" name="uom" class="form-control" id="uom" placeholder="add value in kg" oninput="calculate()" required="required"></label></div>
  <input type="submit">
</form>