JSFiddle - React, Tailwind, and code Playground

HTML

<table class='in'>
            <tr>
                <td>
                    <input value="1.99" class ="txtMult" name="txtEmmail" />
                </td>
                <td>
                    <input value="1"  class ="txtMult" name="txtEmmail"/>
                </td>
                <td>
                    <span class="multTotal">0.00</span>
                </td>
            </tr>
            <tr>
                <td>
                    <input value="0"  class ="txtMult" name="txtEmmail"/>
                </td>
                <td>
                    <input value="0"  class ="txtMult" name="txtEmmail"/>
                </td>
                <td>
                    <span class="multTotal">0.00</span>
                </td>
            </tr>
            <tr>
                <td colspan="3" align="right">
                    Grand Total# <span id="grandTotal">0.00</span>
                </td>
            </tr>
        </table>

JavaScript

$(function(){
                $('.in input').change(function(){
                    var p=$(this).parent().parent()
                    var m=p.find('input.txtMult')
                    var mul=parseFloat($(m[0]).val()*$(m[1]).val()).toFixed(2)
                    var res=p.find('.multTotal')
                    res.html(mul);
                    var total=0;
                    $('.in .multTotal').each(function(){
                        total+=parseFloat($(this).html())
                    })
                    $('.in #grandTotal').html(parseFloat(total).toFixed(2))
                });
            })