JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<table>
    <tr><td id="price">2.79</td><td id="qty-box"><input type="text" class="qtybox"></td><td id="tPrice"></td></tr>
        <tr><td id="price">1.89</td><td id="qty-box"><input type="text" class="qtybox"></td><td id="tPrice"></td></tr>
</table>

JavaScript

$('input.qtybox').each(function() {
    $(this).keyup(function() {
        var price = $(this).parent().siblings('td#price').text();
        var qty = $(this).val();
        $(this).parent().siblings('td#tPrice').html(isNaN( ((price * qty).toFixed(2)) ) ? 0 : ((price * qty).toFixed(2)));
    })
})