# Add user inputs

Hey, i know that this is a simple question, but i cant find the answer it ANYWHERE.

I want to multiply and add numbers that a user types into a form.  It is going to be used so that users can calculate costs.

Please give examples of codes along with you solutions

Thanks!!!
LVL 2
###### Who is Participating?

x

Commented:
Here you go:

<html>
<script language="JavaScript">
<!-- hide this script from old browsers
function temp(form)
{
var a = parseFloat(form.paper.value, 10);
var b = 0.05;

var c = parseFloat(form.ink.value, 10);
var d = 0.01;

var z = 0;
var x = 0;
var y = 0;
var w = 0;

x = Math.round(a*b*100)/100;
y = Math.round(c*d*100)/100;
w = Math.round((x+y)*100)/100;
z = "\$" + w;
form.TotalPrice.value = z;
}
// done hiding from old browsers -->
</script>
<body>
<FORM>
<h2>Price Calc</h2>

<p>Paper (\$0.05/page):
<INPUT NAME="paper" VALUE="1" MAXLENGTH="15" SIZE=15>
</p>
<p>Ink (\$0.01/page):
<INPUT NAME="ink" VALUE="1" MAXLENGTH="15" SIZE=15>
</p>
<p>
Click this button to the final price.:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=temp(this.form)>
<p>
The total price is:
<INPUT NAME="TotalPrice" READONLY SIZE=15>
</FORM>
</body>
</html>
0

Commented:
Here is the code for the calculator with a fixed item and price.
<html>
<script language="JavaScript">
<!-- hide this script from old browsers
function temp(form)
{
var f = parseFloat(form.NumberOfItems.value, 10);
var c = 0;
var p = 12.32;      //This is the actual pice of the item
c = "\$" + f*p;
form.TotalPrice.value = c;
}
// done hiding from old browsers -->
</script>
<body>
<FORM>
<h2>Price Calc</h2>
<p>Items are @ \$12.32 each.</p>
<p>Enter a the number of items:
<INPUT NAME="NumberOfItems" VALUE="1" MAXLENGTH="15" SIZE=15>
</p>
<p>
Click this button to the final price.:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=temp(this.form)>
<p>
The total price is:
<INPUT NAME="TotalPrice" READONLY SIZE=15>
</FORM>
</body>
</html>
0

Author Commented:
Thanks!  I am trying to modify the script just a little (I have very little knowlege in Javascript) The total amount (var z) that i get is correct, however there are 00000000's at the end of the answer.  I was wondering if there was a way to remove those (so the answer is 0.06 instead of 0.06000000, for example)

<html>
<script language="JavaScript">
<!-- hide this script from old browsers
function temp(form)
{
var a = parseFloat(form.paper.value, 10);
var b = 0.05;

var c = parseFloat(form.ink.value, 10);
var d = 0.01

var z = 0;
var x = 0;
var y = 0;

x = a*b;
y = a*d;
z = \$ + x + y
form.TotalPrice.value = z;
}
// done hiding from old browsers -->
</script>
<body>
<FORM>
<h2>Price Calc</h2>

<p>Paper (\$0.05/page):
<INPUT NAME="paper" VALUE="1" MAXLENGTH="15" SIZE=15>
</p>
<p>Ink (\$0.01/page):
<INPUT NAME="ink" VALUE="1" MAXLENGTH="15" SIZE=15>
</p>
<p>
Click this button to the final price.:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=temp(this.form)>
<p>
The total price is:
<INPUT NAME="TotalPrice" READONLY SIZE=15>
</FORM>
</body>
</html>

Thanks again!
0

Author Commented:
I know that I could just do:

var a = parseFloat(form.paper.value, 10);
var b = 0.06;

var z = 0;
var x = 0;
var y = 0;

x = a*b;
z = "\$" + x

but i was just wondering if i could remove the 0's using the script in my previous post.

Thanks
0

Author Commented:
Great! THANKS A MILLION!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.