複利計算

javascript
  • 金利
  • 金額
  • 期間
  • 計算ボタンで計算
  • クリアボタンで内容クリア
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>複利計算</title>
<script type="text/javascript">

window.onload = function() {
  document.calcForm.calc.onclick = calculate;
  document.calcForm.clear.onclick = clear;
}


function calculate(){
	
	var obj=document.calcForm;
	var rate = 1+obj.rate.value/100;
	var amount = obj.amount.value;
	var spanYear = obj.spanYear.value;
	var total=amount;
	
	for(i=0;i<spanYear;i++){
		total *= rate;
	}

	obj.receipt.value=parseInt(total);

	
}
function clear(){
	var obj=document.calcForm;
	obj.rate.value="";
	obj.amount.value="";
	obj.spanYear.value="";
	obj.receipt.value="";
}
</script>


</head>

<body>

<form name="calcForm">

	<h1>福利計算プログラム</h1>
	<div>金利：<input type="text" name="rate"></div>
	<div>金額：<input type="text" name="amount"></div>
	<div>預け入れ期間：<input type="text" name="spanYear"></div>
	<div>
	  <img src="images/calc_btn.jpg" alt="" title="" name="calc">
	  <img src="images/clear_btn.jpg" alt="" title="" style="padding-left:5px;" name="clear">
	</div>
	<div>受け取り金額：<input type="text" name="receipt" readonly></div>
	
</form>

</body>
</html>