JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr id="a">
        <td>
            <label>A</label>
        </td>
        <td>
            <label>Results/Action Orientation (asset)</label>
        </td>
        <td class="shade">
            <input id="a_per" type="text" />
        </td>
        <td class="shade">
            <input id="a_pot" type="text" />
        </td>
        <td class="shade">
            <input id="a_tot" class="totals" type="text" disabled="disabled" />
        </td>
</tr>
</table>

JavaScript

$('#a_per,#a_pot').keyup(function() {
      var a_per = +$('#a_per').val() || 0;
      var a_pot = +$('#a_pot').val() || 0;
      $('#a_tot').val(a_per + a_pot);
    });