JSFiddle - React, Tailwind, and code Playground

HTML

<form name="testing">
<table border="1" style="padding: 5px;">
<tr>
    <td>Ingredient Name</td>
    <td>Amount (in Mg)</td>
    <td>% Carrier</td>
    <td></td>
    <td>Total Carrier Volume</td>
    <td>Total Ingredient Volume</td>
</tr>
<tr>
    <td><input type="text"></input></td>
    <td><input type="number" id="a"> Mg</input></td>
    <td><input type="number" id="b"></input> %</td>
    <td><button type="button" onclick="calculate()">Calculate Final Volume</button></td>
    <td id="c"></td>
    <td id="d"></td>
</tr>
</table>
</form>

<script>
function calculate() {
    var volume = parseInt(document.testing.a.value);
    var carrier = document.testing.b.value;
    var mCarrier = carrier/100;

    var x = document.getElementById("c").innerHTML = mCarrier*(volume/(1-mCarrier));
    document.getElementById("d").innerHTML = volume + x;
}
</script>