DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS弹框title>
<style type="text/css">
.output{font-weight: bold;}
#payment{text-decoration: underline;}
#graph{border: solid black 1px;}
th,td{vertical-align: top;}
style>
head>
<body>
<table >
<tr><th>输入数据：th>
<td>td>
tr>
<tr>
<td>输入余额td>
<td><input id="amount" onchange="calculate()" >td>
<td rowspan="8">
<canvas id="graph" width="400" height="250">canvas>
td>
tr>
<tr>
<td>输入转换率td>
<td><input id="apr" onchange="calculate()" >td>
tr>
<tr>
<td>预存时间（年）：td>
<td><input id="years" onchange="calculate()" >td>
tr>
<tr>
<td>数据压缩：td>
<td><input id="zipcode" onchange="calculate()" >td>
tr>
<tr>
<td>计算汇率：td>
<td><button onclick="calculate()" >计算button>td>
tr>
<tr>
<td>月利：td>
<td>￥<span class="output" id="payment">span>td>
tr>
<tr>
<td>总利：td>
<td>￥<span class="output" id="total">span>td>
tr>
<tr>
<td>total interst：td>
<td>￥<span class="output" id="totalinterest">span>td>
tr>
<tr>
<th>Sponsors:th>
<td colspan="2">生成你的利率：
<div id="lenders">div>
td>
tr>
table>
body>
html>