Solved

Add user inputs

Posted on 2004-10-12
5
204 Views
Last Modified: 2010-04-06
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
Comment
Question by:kylen1010
  • 3
  • 2
5 Comments
 
LVL 1

Expert Comment

by:apg88
ID: 12294110
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
 
LVL 2

Author Comment

by:kylen1010
ID: 12303008
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
 
LVL 2

Author Comment

by:kylen1010
ID: 12303107
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
 
LVL 1

Accepted Solution

by:
apg88 earned 25 total points
ID: 12304748
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
 
LVL 2

Author Comment

by:kylen1010
ID: 12313385
Great! THANKS A MILLION!
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Most of the sites are being standardized with W3C Web Standards. W3C provides lot of web standard services to the web. They have the web specification, process and documentation for all the web standards. You can apply HTML, CSS and Accessibility st…
I will show you how to create a ASP.NET Captcha control without using any HTTP HANDELRS or what so ever. you can easily plug it into your web pages. For Example a = 2 + 3 (where 2 and 3 are 2 random numbers) Session("Answer") = 5 then we…
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question