Solved

Posted on 2004-10-12
204 Views
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
Question by:kylen1010
• 3
• 2

LVL 1

Expert Comment

ID: 12294110
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:
</FORM>
</body>
</html>
0

LVL 2

Author Comment

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>
<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:
</FORM>
</body>
</html>

Thanks again!
0

LVL 2

Author Comment

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

apg88 earned 25 total points
ID: 12304748
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:
</FORM>
</body>
</html>
0

LVL 2

Author Comment

ID: 12313385
Great! THANKS A MILLION!
0

## Featured Post

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…