Javascript Addition

I have the following piece of Javascript that I would like to perform a multiplication and ten addition equation.  The Multiplication is working but not the addition.  When it gets to the addition part it appends the figure to the other return.
<script>
function findSum(){
	var baseOne = document.getElementById('addon-28-custom-price[custom-price]').value;
	var myBox1 = document.getElementById('addon-28-custom-price[my-deductible]').value;	
	var myBox2 = document.getElementById('addon-28-custom-price[bicycle-liability]').value;
	var myBox2a = myBox2 != '' ? myBox2 : 0;
	//var myBox3 = document.getElementById('qty3').value;

	//var myBox3a = myBox3 != '' ? myBox3 : 1;

	var result = document.getElementById('result');	
	var myResult = (baseOne) * (myBox1) + (myBox2a);

	 document.getElementById('result').value = myResult;
}
</script>

Open in new window


So at this line (var myResult = (baseOne) * (myBox1) + (myBox2a);) the answer will print out something like: 482.45.50 instead of adding 482 and 45.50 together.
LVL 7
rgranlundAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Easwaran ParamasivamCommented:
You have to use parse method as given below example.

 var sum = parseInt(my_input1) + parseInt(my_input2);

Like Parsing methods for float and date are available. Please use as per your need.
0
duncanb7Commented:
Try to use eval() on javascript  mentioned at this site , http://www.w3schools.com/jsref/jsref_eval.asp

Duncan
0
rgranlundAuthor Commented:
is the following correct?
<script>
function findSum(){
	var baseOne = document.getElementById('addon-28-custom-price[custom-price]').value;
	var myBox1 = document.getElementById('addon-28-custom-price[my-deductible]').value;	
	var myBox2 = document.getElementById('addon-28-custom-price[bicycle-liability]').value;
	var myBox2a = myBox2 != '' ? myBox2 : 0;
	
	var myBox3 = document.getElementById('addon-28-custom-price[medical-payments]').value;
	var myBox3a = myBox3 != '' ? myBox3 : 0;

	var result = document.getElementById('result');	
	var prep = (baseOne) * (myBox1);
	var myResult = prep + parseInt(myBox2a);

	 document.getElementById('result').value = myResult;
}
</script>

Open in new window

0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Ray PaseurCommented:
In JavaScript the plus sign is an overloaded operator.  It is used to mean both addition and string concatenation.  This was a stupid mistake, but when you consider that javaScript was created in about two months time, it's easy to understand the mistake.

You can learn JavaScript at Codeavengers.com, and I recommend that you try it out.  My students loved it!

You might try using parseFloat. The input variables will be converted to floats, which will work whether the string contains an integer or a float. Your result will always be a float.  But there is always the possibility of turning up NaN, which means "Not a Number."  I have not tested this script but it might be worth trying.

function alwaysAddAsNumbers(numberOne, numberTwo){
  var parseOne = parseFloat(numberOne),
      parseTwo = parseFloat(numberTwo);
  if (isNaN(parseOne)) parseOne = 0;
  if (isNaN(parseTwo)) parseTwo = 0;
  return parseOne + parseTwo;
}

Open in new window

See also the note here, "If you add a number and a string, the result will be a string!":
http://www.w3schools.com/js/js_operators.asp
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Ray PaseurCommented:
Is the following correct?
We can't tell.  We would need to see the HTML for the form, and we would need to know what data the client typed into the form.
0
Ray PaseurCommented:
Please provide an explanation of the marked-down grade.  To quote from the E-E grading guidelines, "B grade means the solution given lacked some information or required you to do a good amount of extra work to resolve the problem. When closing the question, the asker should explain why a B grade was awarded.

What was wrong with the answer?  What were you expecting that you didn't get?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.