How to two input addition and display third input

Question

1.00/5 (1 vote)

See more:

JavaScript

$('#ctrl-generaltestprice,#ctrl-generaltax_vat_per,#ctrl-generaltax_vat_amt').on('input', function(){
    var $sum =0;
    var $generaltestprice = $(this).closest('form').find('#ctrl-generaltestprice').val();
    var $generaltax_vat_per = $(this).closest('form').find('#ctrl-generaltax_vat_per').val();
    var $generaltax_vat_amt_dom = $(this).closest('form').find('#ctrl-generaltax_vat_amt');
    var $generaltesttotalamt_dom = $(this).closest('form').find('#ctrl-generaltesttotalamt');
    $generaltax_vat_amt = ($generaltestprice * $generaltax_vat_per)/100 ;
    $generaltax_vat_amt_dom.val($generaltax_vat_amt);
    $generaltesttotalamt = ($generaltestprice + $generaltax_vat_amt);
    $generaltesttotalamt_dom.val($generaltesttotalamt);
});

What I have tried:

JavaScript

$generaltesttotalamt = ($generaltestprice + $generaltax_vat_amt);
$generaltesttotalamt_dom.val($generaltesttotalamt);

all function working but not working like addition(+) when this $generaltesttotalamt = ($generaltestprice + $generaltax_vat_amt); looking like this 4+4 = 44 but I want to 4+4=8 so please help.

Posted 24-Nov-22 7:17am

Member 13751016

Updated 24-Nov-22 22:34pm

Richard Deeming

v2

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2022-11-24T22:32:00

You're adding strings, not numbers. You need to convert your inputs to numbers before performing arithmetic on them.

JavaScript

var $generaltestprice = parseFloat($(this).closest('form').find('#ctrl-generaltestprice').val());
var $generaltax_vat_per = parseFloat($(this).closest('form').find('#ctrl-generaltax_vat_per').val());
var $generaltax_vat_amt_dom = parseFloat($(this).closest('form').find('#ctrl-generaltax_vat_amt'));
var $generaltesttotalamt_dom = parseFloat($(this).closest('form').find('#ctrl-generaltesttotalamt'));

parseFloat() - JavaScript | MDN[^]

If the values are entered by the user, you should also check that they are valid numbers - call isNaN on each parsed number to see if it's invalid.
isNaN() - JavaScript | MDN[^]

How to two input addition and display third input

1 solution

Solution 1

Add your solution here

Preview 0

How to two input addition and display third input

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us