HTML form input box variables do calculations in function and pass back to form

Question

0.00/5 (No votes)

See more:

Hi guys

I am new to html and I am trying to write a simple calculator that will pass input values from a form to a function, do a basic IF test, do a calculation based on IF outcome and pass back result to form.

Below is my code but it doens't seem to work and I cannot see why. Please assist.

HTML

<!DOCTYPE html>
<html>
<head>

<body>

<form>Value One:     <input type="text" name="valueOne"   id="valueOne">   <br>
      Value Two:     <input type="text" name="valueTwo"   id="valueTwo">   <br>
      Value Three:   <input type="text" name="valueThree" id="valueThree"> <br>

      <input type="submit" value="Submit" onclick="myCalc(document.getElementById('valueOne').value, document.getElementById('valueTwo').value), document.getElementById('valueThree').value)">
</form>

<script>

function myCalc(valueOne, valueTwo, valueThree)
{
    if (valueOne.value = 0) {
        alert(document.getElementById('valueTwo').value + document.getElementById('valueThree').value);
    } else if (valueTwo.value = 0) {
        alert(document.getElementById('valueOne').value + document.getElementById('valueThree').value);
    } else  {
        alert(document.getElementById('valueOne').value)+ document.getElementById('valueTwo').value);
    }
}

</script>

</body>
</html>

Posted 15-May-14 3:10am

JacquesGrobler

Add a Solution

2 solutions

Solution 2

Thanks for the reply Ranjan

But your reply was only based on integer values and I need to work with dbl values.
How would this change the code?

Also how would the code change if the output was not in an alert but an output on the form?

Posted 15-May-14 3:46am

JacquesGrobler

Comments

Ranjan.D 15-May-14 9:58am

I have updated the code. Please see the above code. For more information on the basics, please do refer http://www.w3schools.com/jsref/jsref_parsefloat.asp

JacquesGrobler 16-May-14 1:07am

Hi Ranjan

Thanks for the changes but now nothing happens on my side.
I input the values, press calc and then nothing

JacquesGrobler 16-May-14 2:13am

Ok, I found the problem, the error was on the "onclick": ö

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ranjan.D · Accepted Answer · 2014-05-15T03:40:00

Hi,

I have correct your code. Please see below.