|
↑
Calculators >>>
Enter the number of bills and coins and this script will calculate the total amount of money you have. All blank entries are ignored. Input field validation is also included -- try entering a non-digit into a field. Also, this script is a good demonstration of a JavaScript return function in use.
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
function
s(num,
val)
{
amount
=
num *
1;
sum
=
(!num
?
0
:
num)
*
val;
if
(isNaN(amount))
{
alert(
"' "
+
num +
" ' is not a valid entry and that
field will "
+
"not be included in the total
money calculation."
);
return
0;
}
else
return sum;
}
function
money(form)
{
hun
=
s(form.hun.value,
100);
fif
=
s(form.fif.value,
50);
twe
=
s(form.twe.value,
20);
ten
=
s(form.ten.value,
10);
fiv
=
s(form.fiv.value,
5);
one
=
s(form.one.value,
1);
hlf
=
s(form.hlf.value,
.5);
qtr
=
s(form.qtr.value,
.25);
dme
=
s(form.dme.value,
.1);
nck
=
s(form.nck.value,
.05);
pny
=
s(form.pny.value,
.01);
var
ttl =
hun +
fif +
twe +
ten +
fiv
+
one +
hlf +
qtr +
dme +
nck +
pny;
ttl
=
""
+
((Math.round(ttl
*
100))
/
100);
dec1
=
ttl.substring(ttl.length-3,
ttl.length-2);
dec2
=
ttl.substring(ttl.length-2,
ttl.length-1);
if
(dec1
!=
'.')
{
if
(dec2
==
'.')
ttl +=
"0";
else
ttl +=
".00";
}
form.total.value
=
"$ "
+
ttl;
}
</script>
<form
name=coinform>
<table
border=1>
<tr>
<td
align=center>$
100</td>
<td
align=center>$
50</td>
<td
align=center>$
20</td>
<td
align=center>$
10</td>
<td
align=center>$
5</td>
<td
align=center>$
1</td>
</tr>
<tr>
<td
align=center><input
type=text
name=hun
size=3></td>
<td
align=center><input
type=text
name=fif
size=3></td>
<td
align=center><input
type=text
name=twe
size=3></td>
<td
align=center><input
type=text
name=ten
size=3></td>
<td
align=center><input
type=text
name=fiv
size=3></td>
<td
align=center><input
type=text
name=one
size=3></td>
</tr>
<tr>
<td
colspan=6>
</td>
</tr>
<tr>
<td>
</td>
<td
align=center>50
¢</td>
<td
align=center>25
¢</td>
<td
align=center>10
¢</td>
<td
align=center>5
¢</td>
<td
align=center>1
¢</td>
</tr>
<tr>
<td>
</td>
<td
align=center><input
type=text
name=hlf
size=3></td>
<td
align=center><input
type=text
name=qtr
size=3></td>
<td
align=center><input
type=text
name=dme
size=3></td>
<td
align=center><input
type=text
name=nck
size=3></td>
<td
align=center><input
type=text
name=pny
size=3></td>
</tr>
<tr>
<td
colspan=5
align=center>
<input
type=button
name=calc
value="Calculate"
onClick="javascript:money(this.form)">
<input
type=text
name=total
size=10>
</td>
</tr>
</table>
</form>
|
→ online casino in Canada
|