How to calculate with numbers in jquery?

Question

I am wanting to subtract some values of inputs with the total price.

The code:

$('.calculate-resterend').click(function(e) {
    e.preventDefault();
    var contant = $('.checkout-contant').val();
    var pin = $('.checkout-pin').val();
    var creditcard = $('.checkout-creditcard').val();
    var waardebon = $('.checkout-waardebon').val();

    var totalprice = $('.total.final-price.price').text();
    alert(contant - totalprice);
});

But this returns NaN. I figure it's because total price is .text();, but what is the correct way to substract between these things.

Lets say var contant has a value of 2000,98
and the total price has a value of 2400,99

I want it to return 400,01.

`$('.checkout-contant')[0].val();` first of all, or use ID if you have one of those — Rápli András, Jan 18 '17 at 12:37
`.val()` and `.text()` return a string, you've to parse them. @RápliAndrás your code will return an error, because `.val()` function does not exist in the element context. — kosmos, Jan 18 '17 at 12:39
Do your values actually have the comma? If so I would suggest removing that, then covert to a number, do your calculations, and then format the results as you see fit. — Neo, Jan 18 '17 at 12:40
So I understand this code calculates a price in a webshop...on clientside? — Caspar Kleijne, Jan 18 '17 at 12:43
Not for a webshop, for a cash register. It will later be also verified by php, this is only for displaying @CasparKleijne — Rubberduck1337106092, Jan 18 '17 at 12:49

squiroid · Accepted Answer · 2017-01-18T12:39:21.203

6

Use Number()

alert(Number(contant) - Number(totalprice));

If you also want to remove comman(,)

alert(Number(contant.replace(/\,/g,'')) - Number(totalprice.replace(/\,/g,'')));

edited Jan 18 '17 at 12:39

answered Jan 18 '17 at 12:36

squiroid

13,809
6
47
67

This still returns NaN. – Rubberduck1337106092 Jan 18 '17 at 12:38
I guess comma is used to represent decimal value as `2000,99` is incorrect currency format. It should have been `200,099` – Rajesh Jan 18 '17 at 12:40
1

This works, although i had to replace the , with a dot. You forget that in your answer, thank you for this! – Rubberduck1337106092 Jan 18 '17 at 12:42
Accept the answer it it helps you :) – squiroid Jan 18 '17 at 12:44

score 1 · Answer 2 · answered Jan 18 '17 at 12:41

You may have to convert one of your values using parseInt. You can try the following:

totalprice = parseInt(totalprice)

And then proceed to do your simple subtraction like before. You could also try to make your own price attribute on the HTML element itself and the fetch the attribute value instead like .attr("price"). Not sure if that would return a string as well.

score 0 · Answer 3 · answered Jan 18 '17 at 12:59

0

try to convert your value by using parseint()

eg:- parseint(your_value)

answered Jan 18 '17 at 12:59

Hashan

164
8

How to calculate with numbers in jquery?

3 Answers3