JSFiddle - React, Tailwind, and code Playground

HTML

<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>

JavaScript

$(function(){
    
$('#a_per').keyup(function() {
    var item=$(this);
    
    if(item.val() != "") {
        var tot = parseInt(item.val()) + parseInt($('#a_pot').val());
        $('#a_tot').val(tot);
    }
});

});