注：摘录学习《JavaScript 权威指南》—例1.8 用JavaScript计算借贷支出
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>study 1-3 用JavaScript编写借贷支付金额计算器</title>
</head>
<body bgcolor="white">
<form name="loandata">
<table>
<tr><td colspan="3"><b>输入贷款信息：</b></td></tr>
<tr>
<td>1)</td>
<td>贷款总额：</td>
<td><input type="text" name="principal" size="12" onchange="calculate();"></input></td>
</tr>
<tr>
<td>2)</td>
<td>年利率(%)：</td>
<td><input type="text" name="interest" size="12" onchange="calculate();"></input></td>
</tr>
<tr>
<td>3)</td>
<td>还款期限(年)：</td>
<td><input type="text" name="years" size="12" onchange="calculate();"></input></td>
</tr>
<tr><td colspan="3"><input type="button" value="计算" onclick="calculate();"></td></tr>
<tr><td colspan="3"><b>输入还款信息：</b></td></tr>
<tr>
<td>4)</td>
<td>每月还款金额：</td>
<td><input type="text" name="payment" size="12" ></input></td>
</tr>
<tr>
<td>5)</td>
<td>还款总金额：</td>
<td><input type="text" name="total" size="12" ></input></td>
</tr>
<tr>
<td>6)</td>
<td>还款总利息：</td>
<td><input type="text" name="totalinterest" size="12" ></input></td>
</tr>
</table>
</form>
</body>
<script type="text/javascript">
function calculate(){
//贷款总额
//把年利率从百分比转换成十进制，并转换成月利率。
//还款月数
var principal = document.loandata.principal.value;
var interest = document.loandata.interest.value/100/12;
var payments = document.loandata.years.value*12;
//计算月支付额，使用了相关的数学函数。
var x=Math.pow(1+interest,payments);
var monthly=(principal*x*interest)/(x-1)
//检查结果是否是无穷大的数。如果不是，就显示出结果。
if(!isNaN(monthly)&&
(monthly!=Number.POSITIVE_INFINITY)&&
(monthly!=Number.NEGATIVE_INFINITY)){
document.loandata.payment.value=round(monthly);
document.loandata.total.value=round(monthly*payments);
document.loandata.totalinterest.value=round((monthly*payments)-principal);
}
//否则，用户输入的数据是无效的，因此什么都不显示。
else{
document.loandata.payment.value="";
document.loandata.total.value="";
document.loandata.totalinterest.value="";
}
}
//把数字舍入成两位小数的形式。
function round(x){
return Math.round(x*100)/100;
}
</script>
</html>
浏览器中效果：
分享到：
相关推荐
金融计算器是一种专为计算各种金融交易，特别是贷款和月供设计的工具。它能够帮助用户精确地计算出贷款...通过理解和使用这些文件，用户不仅可以计算贷款，还能深入理解金融计算背后的原理，从而做出更明智的财务决策。
- 计算贷款期限内的总期数（月）。 - 应用等额本息公式，其中每月偿还的金额等于贷款总额乘以月利率除以（1-1/(1+月利率)^总期数）。 这个计算器的实现涉及到基础的数学运算、逻辑控制和Web前端技术，是Web开发教学...
摘要:脚本资源,HTML,计算器 基于JavaScript的购房商业贷款、公积金贷款计算器，帮你根据房屋面积、单位等信息计算房屋总货款额、贷款利息额、公积金贷款利率、商业贷款利率等数据。代码中附有许多计算方法，有兴趣...
3. **结果展示**：将计算结果显示在网页上，通常会显示每月还款额、总利息支出和还款计划表等信息。 4. **用户交互**：响应用户的操作，如切换贷款类型或还款方式，实时更新计算结果。 CSS3（层叠样式表第三版）则...
对于开发者来说，房贷计算器的实现可能涉及到编程语言如Python、JavaScript或Excel公式，使用这些工具可以方便地进行数值计算和数据展示。同时，为了提升用户体验，计算器可能还配备了友好的用户界面和交互设计。 ...
2013年发布的“最新房贷计算器”是利用JavaScript技术实现的一款实用工具，它为用户提供了多种计算功能，包括房贷计算、购房能力评估、个人住房公积金贷款计算、提前还款计算以及税费计算。 首先，房贷计算器是该...
【标题】"买房贷款计算器 build 20110706.rar" 是一个用于计算购房贷款的软件工具，发布于2011年7月6日。这个压缩包包含了该计算器的源代码和其他相关文件，帮助用户了解并计算房贷的相关费用。 【描述】2011年7月6...
在这个"LoanCalculator"项目中，我们可能找到了一个用JavaScript编写的贷款计算器应用。 首先，我们需要了解贷款计算的基本原理。贷款通常涉及三个关键要素：贷款金额（本金）、利率和还款期限（年数或月数）。基于...
- "daikuan" 可能是一个文件夹，包含了与贷款计算相关的其他文件，如JavaScript脚本或CSS样式表，用于实现计算器的功能和界面设计。 - "daikuan.htm" 很可能是计算器的另一个入口，可能与"dk.htm"类似，但可能包含...
JavaScript代码处理用户在HTML页面中输入的贷款参数，如年利率、贷款年限和首付比例，然后根据这些参数执行复杂的金融计算，例如等额本息法或等额本金法计算每月还款额，以及总利息支出。此外，JavaScript还负责动态...
在房贷计算器中，JavaScript可能处理用户输入的数据，如贷款金额、利率、贷款期限，并根据这些参数计算月供、总利息和还款总额。 HTML（HyperText Markup Language）则是网页结构的基础，定义了网页内容的布局和...
JavaScript作为一种广泛使用的客户端脚本语言，使得这些计算器可以直接在网页上运行，无需服务器端处理，提高用户体验。 金融计算器的标签中提到的"利率转换"可能是指将年利率转化为其他周期（如月利率、日利率）的...
5. **利息计算**：根据选定的利率和还款方式，计算出整个贷款期间的总利息支出。 6. **税费计算**：在中国，购房涉及契税、增值税、个人所得税等，计算器需考虑这些税费的计算规则。 税费计算器部分可能包含以下...
房贷计算器通常包含多个关键因素，如贷款金额、贷款期限、利率、还款方式等，以便用户了解其月供、总利息支出以及贷款总额度。在这个项目中，我们可以通过分析提供的【银行房贷详情计算器.html】文件来了解其具体...
例如，我们可以用它的InputItem组件来创建输入框，Button组件来创建计算按钮，而List组件可以用来展示计算结果。通过灵活运用这些组件，可以快速打造出专业且用户体验良好的界面。 Webpack是构建流程的关键部分，它...
在移动设备上使用jq版房贷计算器，用户可以快速估算每月还款额、总利息支出以及整个贷款期限内的还款总额。计算器通常包括以下几个核心模块： 1. **贷款本金**：这是用户需要借款的金额，通常是房屋总价减去首付后...