JavaScript 案例：房贷计算器

最新推荐文章于 2021-06-10 11:38:48 发布

不要停止思考-jcn

最新推荐文章于 2021-06-10 11:38:48 发布

阅读量1.9k

点赞数 1

分类专栏： # web前端大学与Java那些年

对你有帮助，你就转吧。

本文链接：https://blog.csdn.net/qq_41723615/article/details/89200088

版权

本文通过JavaScript编程，详细解析如何创建一个房贷计算器，包括输入贷款金额、年利率、贷款期限等参数，计算每月还款额及总利息。

摘要由CSDN通过智能技术生成

数据表

A                                    B                    C
平米单价               70000.00                元/平米
租金                      382.50                    元/平米/月
物业费                   50.50                      元/平米/月
面积                       200                         平米
曾付比例                 40%                         成 （请设定三成半或以上）
货代利息                 4%


首付金额                5600000.00               元                 公式：B1*B4*B5
贷款总额                8400000.00               元                  公式：B1*B4*(100%-B5)
每月支付利息           28000.00                  元/月             公式：B9*B6/12
每月租金                 76500.00                   元/月             公式：B2*B4
每月业务费              10100.00                   元/月             公式：B4*B3

<!DOCTYPE html>
<html>
<head>
    <title>房贷计算器</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/房贷计算器.css">
    <script src="js/test.js">
//联合验证与数学计算一起进行
//将采用动态的事件设置方式
//步骤：1.界面布局
//2.数据的输入验证   test.js  house.js(负责进行验证计算)
//3.数据计算
//费用计算
    </script>
    <script src="js/house.js"></script>
</head>
<body>
<form>
    <table border="1" cellpadding="5"  cellspacing="0" width="100%" bgcolor="#F2F2F2">
         <tr id="tabRow">
              <td colspan="3"><span class="title">房贷计算器</span></td>
         </tr>
         <tr id="tabRow">
              <td width="15%"><strong>平米单价：</strong></td>
              <td width="45%"><input type="text" name="unitprice" id="unitprice" class="init">元/平米</td>
              <td width="40%"><span id="unitpriceMsg"></span></td>
         </tr>
         <tr id="tabRow">
              <td><