How can I ADD form values using javascript?

Question

this is the code i came up with but all it does is this 1+1=11 i need it to do 1+1=2.

<head>
<script type="text/javascript">
function startCalc(){
  interval = setInterval("calc()",1);
}
function calc(){
  one = document.form1.quantity.value;
  two = document.form1.price.value;
  c = one + two 
  document.form1.total.value = (c);
}
function stopCalc(){
  clearInterval(interval);
}
</script>


</head>
<body>
<form name="form1">
Quantity: <input name="quantity" id="quantity" size="10">Price: <input name="price" id="price" size="10"><br>
Total: <input name="total" size="10" readonly=true><br>
<input onclick="startCalc();" onmouseout="stopCalc()" type="button" value="Submit">
</form>

</body>

of course this is a really simple form, but you get the idea please help me tell what i'm doing wrong here

Paul Schreiber · Accepted Answer · 2011-02-22 04:43:15Z

6

You need to use parseInt() to convert the string to an integer.

c = parseInt(one, 10) + parseInt(two, 10)

answered Feb 22, 2011 at 4:43

Paul Schreiber

12.6k4 gold badges44 silver badges63 bronze badges

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

3 Comments

Paul Schreiber Over a year ago

The second parameter, 10, is the base (i.e. base-10, decimal). While it's the default base, it's good to specify it anyway, and jslint will complain if you don't.

Atom Vayalinkal Over a year ago

YES! it worked your the best! i'm fairly new to javascript so thats why i make dumb mistakes ;)

Mic Over a year ago

Isn't the +one + +two notation simpler?

Gaurav · Accepted Answer · 2011-02-22 04:43:07Z

3

use this

c = parseInt(one,10) + parseInt(two, 10);

answered Feb 22, 2011 at 4:43

Gaurav

28.8k8 gold badges54 silver badges81 bronze badges

1 Comment

Joel Coehoorn Over a year ago

close, but don't forget the radix parameter or you can get some odd results.

Chandu · Accepted Answer · 2011-02-22 04:46:16Z

2

You need to convert the price values to numeric.

use parseFloat for price since it can have decimal values.

use parseInt with the radix.

e,g:

function calc(){
  one = parseInt(document.form1.quantity.value, 10);
  two = parseFloat(document.form1.price.value);
  c = one + two 
  document.form1.total.value = (c);
}

answered Feb 22, 2011 at 4:46

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Comments

Mic · Accepted Answer · 2011-02-22 09:30:23Z

1

You can use the + to convert a string to a number (integer or float)

c = +one + +two;

answered Feb 22, 2011 at 9:30

Mic

25.2k9 gold badges61 silver badges71 bronze badges

Comments

Kareem · Accepted Answer · 2013-08-19 01:24:20Z

0

You can use this

  one = document.form1.quantity.value/1;
  two = document.form1.price.value/1;

answered Aug 19, 2013 at 1:24

Kareem

5,48249 silver badges41 bronze badges

Collectives™ on Stack Overflow

How can I ADD form values using javascript?

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

1 Comment

Comments

Comments

Comments

Related