JSFiddle - React, Tailwind, and code Playground

by chridam

HTML

<table>
   <th>Items</th><th>Rate</th><th>Quantity</th>
   <tr><td>Item A</td><td>20</td><td><input type="text" id="txtItemA" onblur="CheckValue(this)"/></td></tr>
   <tr><td>Item B</td><td>10</td><td><input type="text" id="txtItemB" onblur="CheckValue(this)"/></td></tr>
   <tr><td>Item C</td><td>30</td><td><input type="text" id="txtItemC" onblur="CheckValue(this)"/></td></tr>
   <tr><td>Total Price</td><td><input type="text" id="txtPrice"/></td></tr>
</table>

JavaScript

function CheckValue(sender) {
var qty = parseInt(sender.value);
    Console.log(qty);
    //DisplayTotal(20 * qty);
}

function DisplayTotal(rate, quantity)
{
  document.getElementById('txtPrice').innerText = rate * quantity;
}