使用html编写一个计算房贷的代码
时间: 2024-06-12 22:08:21 浏览: 10
<!DOCTYPE html>
<html>
<head>
<title>房贷计算器</title>
</head>
<body>
<h2>房贷计算器</h2>
<form>
<label for="house-price">房屋总价:</label>
<input type="number" id="house-price" name="house-price" required><br><br>
<label for="loan-rate">贷款利率:</label>
<input type="number" id="loan-rate" name="loan-rate" min="0" max="100" step="0.1" required>%<br><br>
<label for="loan-term">贷款期限:</label>
<select id="loan-term" name="loan-term" required>
<option value="1">1年</option>
<option value="2">2年</option>
<option value="3">3年</option>
<option value="4">4年</option>
<option value="5">5年</option>
<option value="6">6年</option>
<option value="7">7年</option>
<option value="8">8年</option>
<option value="9">9年</option>
<option value="10">10年</option>
<option value="11">11年</option>
<option value="12">12年</option>
<option value="13">13年</option>
<option value="14">14年</option>
<option value="15">15年</option>
<option value="16">16年</option>
<option value="17">17年</option>
<option value="18">18年</option>
<option value="19">19年</option>
<option value="20">20年</option>
<option value="21">21年</option>
<option value="22">22年</option>
<option value="23">23年</option>
<option value="24">24年</option>
<option value="25">25年</option>
<option value="26">26年</option>
<option value="27">27年</option>
<option value="28">28年</option>
<option value="29">29年</option>
<option value="30">30年</option>
</select><br><br>
<label for="down-payment">首付金额:</label>
<input type="number" id="down-payment" name="down-payment" required><br><br>
<input type="submit" value="计算" onclick="calculate()">
<input type="reset" value="重置">
</form>
<br><br>
<div id="result"></div>
<script>
function calculate() {
var housePrice = document.getElementById("house-price").value;
var loanRate = document.getElementById("loan-rate").value / 100;
var loanTerm = document.getElementById("loan-term").value;
var downPayment = document.getElementById("down-payment").value;
var loanAmount = housePrice - downPayment;
var monthlyInterestRate = loanRate / 12;
var numberOfPayments = loanTerm * 12;
var monthlyPayment = (loanAmount * monthlyInterestRate) / (1 - Math.pow(1 + monthlyInterestRate, -numberOfPayments));
var totalPayment = monthlyPayment * numberOfPayments;
var totalInterest = totalPayment - loanAmount;
var result = document.getElementById("result");
result.innerHTML = "贷款金额:" + loanAmount.toFixed(2) + "元<br>";
result.innerHTML += "每月还款额:" + monthlyPayment.toFixed(2) + "元<br>";
result.innerHTML += "贷款总额:" + totalPayment.toFixed(2) + "元<br>";
result.innerHTML += "支付利息:" + totalInterest.toFixed(2) + "元";
}
</script>
</body>
</html>