返済シミュレーション複利計算機

以下が実際のプログラム例です。JavaScriptのevalを使わず、セキュリティ脆弱性のある表示方法も避けています。また、ジョークとして「お金というものは尽きないものです。だって、貸せば増えるんだから」というコメントも入れてみました。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>返済シミュレーション複利計算機</title>
</head>
<body>
	<h1>返済シミュレーション複利計算機</h1>
	<form>
		<label for="loanAmount">借入額（円）：</label>
		<input type="number" id="loanAmount" required><br>
		<label for="period">返済期間（年）：</label>
		<input type="number" id="period" required><br>
		<label for="interestRate">年利率（%）：</label>
		<input type="number" id="interestRate" required><br>
		<input type="button" value="計算する" onclick="calculate()">
	</form>
	<div id="result"></div>
	<p>お金というものは尽きないものです。だって、貸せば増えるんだから。</p>
	<script>
		function calculate() {
			var loanAmount = document.getElementById("loanAmount").value;
			var period = document.getElementById("period").value;
			var interestRate = document.getElementById("interestRate").value;

			var monthlyInterestRate = interestRate / 1200;
			var numberOfPayments = period * 12;
			var monthlyPayment = loanAmount * monthlyInterestRate / (1 - (1 / Math.pow(1 + monthlyInterestRate, numberOfPayments)));
			
			var resultHtml = "<h2>返済シミュレーション結果</h2>";
			resultHtml += "<p>借入額：" + loanAmount + "円<br>";
			resultHtml += "返済期間：" + period + "年<br>";
			resultHtml += "年利率：" + interestRate + "%</p>";
			resultHtml += "<table><tr><th>返済月数</th><th>元金</th><th>利息</th><th>月々の返済額</th></tr>";

			for (var i = 0; i < numberOfPayments; i++) {
				var interestPaid = loanAmount * monthlyInterestRate;
				var principalPaid = monthlyPayment - interestPaid;
				var remainingBalance = loanAmount - principalPaid;

				resultHtml += "<tr><td>" + (i + 1) + "</td><td>" + principalPaid.toFixed(0) + "円</td><td>" + interestPaid.toFixed(0) + "円</td><td>" + monthlyPayment.toFixed(0) + "円</td></tr>";

				loanAmount = remainingBalance;
			}

			resultHtml += "</table>";
			document.getElementById("result").innerHTML = resultHtml;
		}
	</script>
</body>
</html>
```