Code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Simple Tip Calculator</title>
</head>
<body>
<form id="tip_calc">
<p>Tip Percent: <input id="percent" /></p>
<p>Amount: <input id="amount" /></p>
<p><input type="submit" /></p>
<hr />
<p>Tip: <input id="tip" disabled="disabled" /></p>
<p>Total: <input id="total" disabled="disabled" /></p> </form>
</body>
<script type="text/javascript">
function calc () {
var percent = $('#percent').val();
var amount = $('#amount').val();
var tip = (percent / 100) * amount;
var total = Number(amount) + tip;
$('#tip').val( tip.toFixed(2) );
$('#total').val( total.toFixed(2) );
return false;
$('#tip_calc').submit(calc);}
</script>
</html>
Your Help Is Greatly Appreciated
Comment