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
kylen1010Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
apg88Connect With a Mentor Commented:
Here you go:

<html>
<head>
<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>
</head>
<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
 
apg88Commented:
Here is the code for the calculator with a fixed item and price.
<html>
<head>
<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>
</head>
<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
 
kylen1010Author 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>
<head>
<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>
</head>
<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
 
kylen1010Author 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
 
kylen1010Author 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.

All Courses

From novice to tech pro — start learning today.