2014-11-12 21:41:38 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
2014-11-13 07:50:35 -05:00
|
|
|
<meta charset="UTF-8">
|
2014-11-12 21:41:38 -05:00
|
|
|
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
|
|
|
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
|
<script src="js/jquery.js"></script>
|
|
|
|
|
<script src="js/two.min.js"></script>
|
|
|
|
|
<script src="js/randomColor.js"></script>
|
2014-11-13 14:12:21 -05:00
|
|
|
<script src="js/calculate.js"></script>
|
|
|
|
|
<title>Sales Calculator</title>
|
2014-11-12 21:41:38 -05:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<canvas id="screen">
|
|
|
|
|
</canvas>
|
2014-11-12 22:00:52 -05:00
|
|
|
<div id="front">
|
2014-11-13 14:12:21 -05:00
|
|
|
<h2>Sales Calculator</h2>
|
|
|
|
|
<form id="calculator" oninput="Calculate()">
|
|
|
|
|
<input name="computer" type="number" value="0" />
|
|
|
|
|
<p>Computer - $400</p>
|
|
|
|
|
<input name="monitor" type="number" value="0"/>
|
|
|
|
|
<p>Monitor - $150</p>
|
|
|
|
|
<input name="mouse" type="number" value="0"/>
|
|
|
|
|
<p>Mouse - $15</p><br/>
|
|
|
|
|
<input name="keyboard" type="number" value="0"/>
|
|
|
|
|
<p>Keyboard - $10</p><br/>
|
|
|
|
|
<input name="ram" type="number" value="0"/>
|
|
|
|
|
<p>Ram - $50</p><br/>
|
|
|
|
|
<input name="processor" type="number" value="0"/>
|
|
|
|
|
<p>Upgraded Processor - $175</p><br/>
|
|
|
|
|
<br/>
|
|
|
|
|
<p class="sub">Subtotal: $</p>
|
|
|
|
|
<output name="total" for="computer monitor mouse keyboard ram monitor">0</output><br/>
|
|
|
|
|
<p class="sub">Tax: $</p>
|
|
|
|
|
<output name="tax" for="computer monitor mouse keyboard ram monitor">0</output><br/>
|
|
|
|
|
<p class="sub">Sales: $</p>
|
|
|
|
|
<output name="sales" for="computer monitor mouse keyboard ram monitor">0</output><br/>
|
2014-11-12 21:41:38 -05:00
|
|
|
</form>
|
|
|
|
|
<h4> © Paul Walko 2014</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript" src="js/background2.js"></script>
|
|
|
|
|
</body>
|
2014-11-12 22:00:52 -05:00
|
|
|
</html>
|
