javascript权威指南第一章贷款计算器代码

liangxhblog

于 2018-08-03 16:47:20 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： js 权威指南贷款计算器代码

本文链接：https://blog.youkuaiyun.com/liangxhblog/article/details/81390569

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>javascript学习</title>
        <style>
            .output {
                font-weight: bold;
            }
            #payment {
                text-decoration: underline;
            }
            #graph {
                border: solid black 1px;
            }
            th,td {
                vertical-align: top;
            }
        </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="400" 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>
                    Approximat