js还贷计算web应用

最新推荐文章于 2023-05-18 15:26:30 发布

小拾1236

最新推荐文章于 2023-05-18 15:26:30 发布

阅读量93

点赞数

本文链接：https://blog.csdn.net/cpongo10/article/details/101029109

版权

这是一个基于JavaScript的还贷计算应用示例，来源于《JavaScript权威指南》。代码实现了一个功能，展示运行结果。

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

本例子，来自《JavaScript权威指南》
源代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Loan Calculator</title>
    <style>
        .output{font-weight:bold;}
        #payment{text-decoration:underline;}
        #graph{border:solid black 1px;}
        th,td{vertical-align:center;}
    </style>

</head>
<body>
    <table>
        <tr>
            <th>Enter Loan Data:</th>
            <td></td>
            <th>Loan Balance,Cumulative Equity,and Interest Payments</th>
        </tr>
        <tr>
            <td>Amount of the loan($):</td>
            <td><input id='amount' onchange='calculate();'></td>
            <td rowspan=8>
                <canvas id='graph' width='470' height='250'></canvas>
            </td>
        </tr>
         <tr>
            <td>Annual interest(%):</td>
            <td><input id='apr' onchange='calculate();'></td>           
        </tr>
         <tr>
            <td>Repayment period(years):</td>
            <td><input id='years' onchange='calculate();'></td>           
        </tr>
         <tr>
            <td>Zipcode(to find lenders):</td>
            <td><input id='zipcode' onchange='calculate();'></td>           
        </tr>
         <tr>
            <td>Approximate Payments:</td>
            <td><button onclick='calculate();'>Calculate</button></td>           
        </tr>
         <tr>
            <td>Monthly Payments:</td>
            <td>$<span class='output' id='payment'

最低0.47元/天解锁文章

小拾1236

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js还贷计算web应用

本例子，来自《JavaScript权威指南》源代码如下：<!DOCTYPE html><html><head> <title>JavaScript Loan Calculator</title> <style> .output{font-weight:bold;} ...
复制链接

扫一扫