I have created function after button click:

var cena_poczatkowa = parseFloat($("#cena_aktualna").text());
    var cena_dodana = cena_poczatkowa + 1.01;
    $("span#cena_aktualna").text(cena_dodana);

And span in html:

<span id="cena_aktualna">0.00</span>

Everything working fine, after every click number is changed in span: 1.01, 1.02. But after thrid click I see 3.0300000000000002. After fourth click I see again properly 4.04. Why after third click I see this strange number?

Here is my working script so you can see this bug: /

I have created function after button click:

var cena_poczatkowa = parseFloat($("#cena_aktualna").text());
    var cena_dodana = cena_poczatkowa + 1.01;
    $("span#cena_aktualna").text(cena_dodana);

And span in html:

<span id="cena_aktualna">0.00</span>

Everything working fine, after every click number is changed in span: 1.01, 1.02. But after thrid click I see 3.0300000000000002. After fourth click I see again properly 4.04. Why after third click I see this strange number?

Here is my working script so you can see this bug: http://jsfiddle/H3pfH/

• javascript
• jquery
• decimal

• 1 Possible duplicate (stackoverflow./questions/1458633/…). – maerics Commented Aug 23, 2011 at 12:55

1 Answer 1

Since floating point math is inherently imprecise, try using toFixed() to round it to a suitable number of digits:

var cena_dodana = (cena_poczatkowa + 1.01).toFixed(4);

http://jsfiddle/H3pfH/1/