Adding in javascript on click?

Question

When someone clicks my price up button, I want the price to increase by .1 in the #priceInput box. This is just not working though.. what am I doing wrong?

$("#priceUp").click(function(){ 
    var xyz = parseInt($("#priceInput").val());
    xyz=(xyz+.1);
    $("#priceInput").val(xyz);
});

What's the outcome? is the value changing? nothing happens? did you make sure the event fires? — Yaniro
– Yaniro, Commented Jan 7, 2012 at 17:50

Julien Lafont · Accepted Answer · 2012-01-07 17:59:34Z

5

You are trying to parse a decimal number to an integer, so your solution can't work because the mathematic evaluator round your number.
If you run parseInt(0.1), the result is 0.

So, use parseFloat instead of parseInt.

You need also a little trick to avoid the '0.30000000000000004' "bug" (it's not really a bug).
Solution here : http://jsfiddle.net/erLqa/

edited Jan 7, 2012 at 17:59

answered Jan 7, 2012 at 17:52

Julien Lafont

7,8772 gold badges34 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tadeck Over a year ago

Your answer tells OP how to fix it, not what he is doing wrong.

Julien Lafont Over a year ago

I've added a little explanation.

Fabrizio Calderan · Accepted Answer · 2012-01-07 17:57:17Z

4

It may not work because you add 0.1, but later you use a parseInt. Use parseFloat instead of parseInt.

edited Jan 7, 2012 at 17:57

answered Jan 7, 2012 at 17:52

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Comments

FishBasketGordo · Accepted Answer · 2012-01-07 17:55:35Z

2

You probably want to use parseFloat, not parseInt since you're increasing the price by 0.1. Also, you need to make sure that the value of #priceInput is a number:

$("#priceUp").click(function() {
    var xyz = parseFloat($("#priceInput").val() || 0);
    xyz = (xyz + .1);
    $("#priceInput").val(xyz);
});

Here's a working example.

answered Jan 7, 2012 at 17:55

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

Collectives™ on Stack Overflow

Adding in javascript on click?

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related