JavaScript Forum

**bayala13** · 10-03-2005, 01:48 AM

newbe question......How do I do calculations with several form fields on a webpage. Also, is there a program that will help me with it?...I have searched for answers and any help is much appriciated....Thanks

**funkdaddu** · 10-03-2005, 01:52 AM

Simple calculation:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function calculate() {
	document.FormName.f3.value = parseInt(document.FormName.f1.value) + parseInt(document.FormName.f2.value);
	return false;
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<form id="FormName" action="" method="get" name="FormName" onsubmit="return calculate();">
			<input type="text" name="f1" value="1" size="2"> + <input type="text" name="f2" value="2" size="2"> = <input type="text" name="f3" size="2"><br>
			<input type="submit" name="submitButtonName" value="Calculate Answer">
		</form>
		<p></p>
	</body>

</html>

**bayala13** · 10-03-2005, 01:58 AM

so I would create a form now and enter this code and work from there? I will need to name the fiels f1 f2 etc right?

**Phaedrus** · 10-03-2005, 03:40 AM

Simplest calculation script I can think of:

Code:

<input type="text" onblur="alert(eval(this.value));" />

**funkdaddu** · 10-03-2005, 09:55 AM

You can name the fields whatever you want, just make sure to reference them by their correct name in the function. Check out WebMonkey's Javascript Tutorial - it's how I learned JS.