Javascript add Textbox input with string

**tampaerr** · 06-07-2012 03:00 PM

Hi, this is a Addition question with a textbox and string.
I want to use textbox input and var string, take what is in the textbox
put it in the string and add it. then return the new number back into textbox which is Named txt.value as below.

Code:

<Input Type = Button NAME = b1 VALUE = "Add Numbers" onClick = calculate()>
<input type="text" name="txt" id="txt" size="30" maxlength="70" Value="2">

<script language="javascript" type="text/javascript">
function calculate() {

var Thestring =1 // add Thestring + txt.value to get 3

holdstring = txt.value+Thestring
txt.value = holdstring  // now put the new number in txt.value


}
</SCRIPT>

The new number in txt.value should be 3 but its wrong
now it shows 12. I don't remember how to add string and textbox numbers?
any help would be appreciated...Thanks in Advance!

**Padonak** · 06-07-2012 03:20 PM

holdstring = new Number(txt.value)+Thestring

**tampaerr** · 06-08-2012 09:09 AM

Code:

holdstring = new Number(txt.value)+Thestring  // your code
txt.value = holdstring  // new number

--
is this right?.

holdstring  = new Number(txt.value)-Thestring

Could you tell me about subtracting it too...
I want to use subtract button the new number txt.value.

Thank You

**Padonak** · 06-08-2012 12:58 PM

Code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>...</title>
<style type="text/css">
body{text-align:center;font-family:Georgia,Verdana,Arial;font-size:13px;background-color:#fff;color:#000;padding:200px 0px 0px 0px;margin:0px 0px 0px 0px;}
input{text-align:center;}
hr{width:45&#37;;color:Lightsteelblue;}
</style>
<script type="text/javascript">
function calc(){
var frm=document.math_form,
a=new Number(frm.a.value),
b=new Number(frm.b.value);
frm.add.value=a+b;
frm.substract.value=a-b;
}
</script>
</head>
<body>
<form name="math_form" action="">
<table align="center" cellspacing="3" cellpadding="3" border="0" width="500">
<tbody>
<tr><td><input type="text" name="a" /></td><td><input type="text" name="b" /></td></tr>
<tr><td colspan="2"><hr /><input type="button" value="Calculate" onclick="calc()"  /><hr /></td></tr>
<tr><td><b>ADD</b><br /><br /><input type="text" name="add" /></td><td><b>SUBSTRUCT</b><br /><br /><input type="text" name="substract" /></td></tr>
</tbody>
</table>
</form>
</body>
</html>

Thread: Javascript add Textbox input with string

Thread Tools

Display

Javascript add Textbox input with string

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions