I would like to add txtbox1+textbox2to get an answer txt3 1

data1 · Aug 21, 2003

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT language="JavaScript">function calculate(form1){
f=document.formName

f.t3.value=(f.t1.value-0)+(f.t2.value-0)

}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form1">
<TABLE align="center" cellspacing="2" cellpadding="2" border="0">
<TR>
</TABLE>
<TR>
<TD>Inputbox 1
<INPUT type="text" name="t1">
</TD>
<TD>Input box2
<INPUT type="text" name="t2">
</TD>
<TD>Result=
<INPUT type="text" name="t3">
</TD>
<TD>
<INPUT type="button" value="Calculate">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

sdi · Aug 21, 2003

Hi data1,

Give this a shot.. I also set it to where the result "t3" box would not allow any data to be changed or entered into it.

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<SCRIPT language="JavaScript">
function calculate(){
var f = document.form1;
var first = f.t1.value;
var second = f.t2.value;
f.t3.value = parseFloat(first) + parseFloat(second);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="form1">
<TABLE align="center" cellspacing="2" cellpadding="2" border="0">
<TR>
</TABLE>
<TR>
<TD>Inputbox 1
<INPUT type="text" name="t1">
</TD>
<TD>Input box2
<INPUT type="text" name="t2">
</TD>
<TD>Result=
<INPUT type="text" name="t3" onfocus="document.form1.t3.blur()" readOnly="true">
</TD>
<TD>
<INPUT type="button" value="Calculate" onclick="return calculate()">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

Good Luck,
Brian

sdi · Aug 21, 2003

Oh yeah another thing to keep in mind..

If you will be using decimal points and adding your values, you will need to write a function to control the precision of decimal places. (If you will be using IE only you could use the toFixed(x)method [where x is the number of desired decimal places] and place it like so..
f.t3.value = (parseFloat(first) + parseFloat(second)).toFixed(2)

If you will be using whole numbers simply substitute the parseInt() method for the parseFloat() method I illustrated.

Brian

data1 · Aug 21, 2003

Thanks Brian I think that will work very data1

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

I would like to add txtbox1+textbox2to get an answer txt3 1

data1

Programmer

sdi

Technical User

sdi

Technical User

data1

Programmer

Similar threads

Part and Inventory Search

Sponsor