[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 238
  • Last Modified:

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!!!
0
kylen1010
Asked:
kylen1010
  • 3
  • 2
1 Solution
 
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
 
apg88Commented:
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
 
kylen1010Author Commented:
Great! THANKS A MILLION!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now