Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

Uday · Mar 7th, 2006, 4:32 AM

<html>
<head>
<title>
Calculator
</title>
<body bgcolor="pink">
<script language="javascript">
function add()
{
var i=0;
i=document.one.first.value + document.one.second.value;
document.write(i);
}

function sub()
{
var i=0;
i=document.one.first.value - document.one.second.value;
document.write(i);
}

function mul()
{
var i=0;
i=document.one.first.value * document.one.second.value;
document.write(i);
}

function div()
{
var i=0;
i=document.one.first.value/document.one.second.value;
document.write(i);
}

</script>
<form name="one">
Enter numbers
<input type="text" name="first" value="">
<input type="text" name="second" value="">
<p></p><input type="Submit" name="ADD" value="ADDITION" onClick="add()">
<input type="Submit" name="SUB" value="SUBSTRACT" onClick="sub()">
<input type="Submit" name="MUL" value="MULTIPLY" onClick="mul()">
<input type="Submit" name="DIV" value="DIVIDE" onClick="div()">
</form>
</body>
</html>

The code is working except the addition part. Any solution?

i.e

(Toggle Plain Text)

function add()
{
var i=0;
i=document.one.first.value + document.one.second.value;
document.write(i);
}

The Dark · Mar 7th, 2006, 5:00 AM

You probably need to convert the values to numbers before adding them together, try something like:

(Toggle Plain Text)

function add()
{
var i=0;
i=document.one.first.value + 0 + document.one.second.value;
document.write(i);
}

The 0 in there should make the whole expression into a numeric one (I think).

Uday · Mar 7th, 2006, 5:20 AM

when 4 and 4 is given it earlier used to show 44

Now it shows 404

The other things like substraction, multiplication and division is working but only additon is not.

The Dark · Mar 7th, 2006, 7:52 AM

Oops, sorry about that, must have got my languages mixed up
This one works (I tried it first!)

(Toggle Plain Text)

function add()
{
var i=0;
i=parseInt(document.one.first.value) + parseInt(document.one.second.value);
document.write(i);
}

Uday · Mar 7th, 2006, 8:57 AM

It works. Thanks.

Mar 7th, 2006, 4:32 AM	#1
Uday Programmer Join Date: Oct 2005 Location: India Posts: 30 Rep Power: 0	Calculator (Toggle Plain Text) <html> <head> <title> Calculator </title> <body bgcolor="pink"> <script language="javascript"> function add() { var i=0; i=document.one.first.value + document.one.second.value; document.write(i); } function sub() { var i=0; i=document.one.first.value - document.one.second.value; document.write(i); } function mul() { var i=0; i=document.one.first.value * document.one.second.value; document.write(i); } function div() { var i=0; i=document.one.first.value/document.one.second.value; document.write(i); } </script> <form name="one"> Enter numbers <input type="text" name="first" value=""> <input type="text" name="second" value=""> <p></p><input type="Submit" name="ADD" value="ADDITION" onClick="add()"> <input type="Submit" name="SUB" value="SUBSTRACT" onClick="sub()"> <input type="Submit" name="MUL" value="MULTIPLY" onClick="mul()"> <input type="Submit" name="DIV" value="DIVIDE" onClick="div()"> </form> </body> </html> <html> <head> <title> Calculator </title> <body bgcolor="pink"> <script language="javascript"> function add() { var i=0; i=document.one.first.value + document.one.second.value; document.write(i); } function sub() { var i=0; i=document.one.first.value - document.one.second.value; document.write(i); } function mul() { var i=0; i=document.one.first.value * document.one.second.value; document.write(i); } function div() { var i=0; i=document.one.first.value/document.one.second.value; document.write(i); } </script> <form name="one"> Enter numbers <input type="text" name="first" value=""> <input type="text" name="second" value=""> <p></p><input type="Submit" name="ADD" value="ADDITION" onClick="add()"> <input type="Submit" name="SUB" value="SUBSTRACT" onClick="sub()"> <input type="Submit" name="MUL" value="MULTIPLY" onClick="mul()"> <input type="Submit" name="DIV" value="DIVIDE" onClick="div()"> </form> </body> </html> The code is working except the addition part. Any solution? i.e (Toggle Plain Text) function add() { var i=0; i=document.one.first.value + document.one.second.value; document.write(i); } function add() { var i=0; i=document.one.first.value + document.one.second.value; document.write(i); }

Mar 7th, 2006, 5:00 AM	#2
The Dark Expert Programmer Join Date: Jun 2005 Posts: 816 Rep Power: 4	You probably need to convert the values to numbers before adding them together, try something like: (Toggle Plain Text) function add() { var i=0; i=document.one.first.value + 0 + document.one.second.value; document.write(i); } function add() { var i=0; i=document.one.first.value + 0 + document.one.second.value; document.write(i); } The 0 in there should make the whole expression into a numeric one (I think).

Mar 7th, 2006, 7:52 AM	#4
The Dark Expert Programmer Join Date: Jun 2005 Posts: 816 Rep Power: 4	Oops, sorry about that, must have got my languages mixed up This one works (I tried it first!) (Toggle Plain Text) function add() { var i=0; i=parseInt(document.one.first.value) + parseInt(document.one.second.value); document.write(i); } function add() { var i=0; i=parseInt(document.one.first.value) + parseInt(document.one.second.value); document.write(i); }

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Mar 7th, 2006, 5:20 AM	#3
Uday Programmer Join Date: Oct 2005 Location: India Posts: 30 Rep Power: 0	when 4 and 4 is given it earlier used to show 44 Now it shows 404 The other things like substraction, multiplication and division is working but only additon is not.

Mar 7th, 2006, 8:57 AM	#5
Uday Programmer Join Date: Oct 2005 Location: India Posts: 30 Rep Power: 0	It works. Thanks.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)