<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Program change.html -->
<!-- Programmer -->
<!-- Date 1-30-2008 -->
<!-- Description Displays the correct change -->
<title>Making change</title>
</head>
<body>
<h1>What's Your Change</h1><BR>
<form>
<p align="center"><B>Enter the change total: </B>
<input type="text" size="5" name="num1"><br>
</p>
<br>
<input type="button" value="change" name="change"
onclick="addFields(this.form)">
<br>
<p align="center"><b>The correct change is</b><br>
Dollars: <input type="text" size="5" name="dollars"><br>
Quarters: <input type="text" size="5" name="quarters"><br>
Dimes: <input type="text" size="5" name="dimes"><br>
Nickels: <input type="text" size="5" name="nickels"><br>
Pennies: <input type="text" size="5" name="pennies"><br>
</p>
<script language="JavaScript1.2">
<!--
function addFields(form) {
remain = Math.round(remain * 100) / 100;
var dollars = remain / 1.0;
form.dollars.value = Math.floor(dollars);
remain = remain - Math.floor(dollars) * 1.0;
// Determines the quarters
remain = Math.round(remain * 100) / 100;
var quarters = eval(form.num1.value) / 0.25;
form.quarters.value = Math.floor(quarters);
var remain = eval(form.num1.value) - (Math.floor(quarters) * 0.25);
// Determines the dimes
remain = Math.round(remain * 100) / 100;
var dimes = remain / 0.1;
form.dimes.value = Math.floor(dimes);
remain = remain - Math.floor(dimes) * 0.1;
// Determines the nickels
remain = Math.round(remain * 100) / 100;
var nickels = remain / 0.05;
form.nickels.value = Math.floor(nickels);
remain = remain - Math.floor(nickels) * .05;
// Determines the pennies
remain = Math.round(remain * 100) / 100;
var pennies = remain / 0.01;
form.pennies.value = Math.floor(pennies);
remain = remain - Math.floor(pennies) * .01;
}
//-->
</script>
I am now a JavaScript writer.<BR>
</form>
</body>
</html>
It works fine, except I cannot get the dollars to work, anyone know what I am doing wrong?