Multiplicar Cantidad * Precio = Total

[pilucho]

Hola amigos del foro, soy semi nuevo en javascript, en este código en producción dejo los enlaces.

Me funcionan con 3 decimales hasta cierto punto, ya va la explicación:

Código HTML:

ejemplo numero 1:
Cantidad: 2
Precio: 4.990
total: 9.980
 
||  Qty ||  Price(Per/Kg)   ||      Amount      ||
||  2   ||      4.990       ||      9.980       ||
 
 
 
En el ejemplo uno con 3 decimales me funciona todo bien 
pero necesito que funcione ambos es decir que reconozca 
si el precio es "4.990" se vean los 3 decimales en caso
que el precio sea "4.990.100" me muestre los otros tres
digitos pero si agrego al precio 3 digitos mas tengo el
siguien error de NaN como el ejemplo numero 2
 
 
ejemplo numero 2:
Cantidad: 2
Precio: 4.990
total: 9.980
 
||  Qty ||  Price(Per/Kg)   ||      Amount      ||
||  2   ||   4.990.100      ||       NaN        ||
 

lo bueno que en jsfiddle.net uno puede editar y darle RUN para ver como va en tiempo real.


ejemplo en producción:
ejemplo con 2 decimales: https://jsfiddle.net/9egno7ge/6/
ejemplo sin decimal: sin decimal

index.html

Código HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<table>
      <tbody>
           <tr>
 
            <td>Item Name</td>
            <td>Qty</td>
            <td>Price(Per/Kg)</td>
            <td>Amount</td>
          </tr>
 
          <tr class="amount-row">
    <td>Test Item 1</td>
            <td><input class="quantity"  name="input" type="text" /></td>
            <td><input class="price" name="input" type="text" /></td>
            <td><input class="amount" name="input" type="text" /></td>
          </tr>
                    <tr class="amount-row">
    <td>Test Item 2</td>
            <td><input class="quantity"  name="input" type="text" /></td>
            <td><input class="price" name="input" type="text" /></td>
            <td><input class="amount" name="input" type="text" /></td>
          </tr>
      </tbody>
    </table>
    <p>&nbsp;</p>
    <table width="300" border="0">
      <tr>
        <td width="100"><strong>Total Amount</strong></td>
        <td id="total-amount">&nbsp;</td>
      </tr>
      <tr>
        <td><strong>Discount</strong></td>
        <td><input type="text" id="discount"></td>
      </tr>
      <tr>
        <td><strong>Net Amount</strong></td>
        <td id="net-amount">&nbsp;</td>
      </tr>
    </table>
 

Código Javascript:

var totalAmount = 0;
    $('.quantity, .price').keyup(function() {
      totalAmount = 0;
      var netAmount = 0;
      var discount = 0;
 
      $(".amount-row").each(function(index, row) { 
        var quantity = $(row).find('.quantity').val();
        var price = $(row).find('.price').val();
        
        var amount = quantity * price;
        $(row).find('.amount').val(amount.toFixed(3));
     
        totalAmount += amount;
      });
 
      netAmount = totalAmount;
      discount = $("#discount").val();
      if (discount) {
        netAmount = totalAmount - discount;
      }
      
      $("#total-amount").html(totalAmount.toFixed(3))
      $("#net-amount").html(netAmount.toFixed(3))
    });
    
    
    $("#discount").keyup(function() {
        var discount = +$("#discount").val();
 
      
        $("#net-amount").html((totalAmount - discount).toFixed(3));
    });
 

[pilucho]

se me ocurre que se le podría agregar el símbolo de moneda, pero no se como integrarlo

http://jsfiddle.net/1h29dguy/

Código Javascript:

<script>
function FormatCurrency ()
{
    var amount = parseFloat(document.getElementById('amount').value);
    
    document.getElementById('output').innerHTML =
        amount.toLocaleString('en-US', { style: 'currency', currency: 'USD' });
}
</script>