function house() {
this.num = 0, //貸款金額
this.year = 0, //貸款年限
this.yearRate = 0, //年利率
this.type = 0, //貸款方式
this.output = {
amount: 0, //每月月供
zonglixi: 0, //總利息
hkprice: 0, //還款金額
}
//等額本息計算方法
this.benxi = function() {
var month = parseInt(this.year) * 12; //還款月數
var monthRate = parseFloat(this.yearRate) / 12; //月利率
var dknum = parseFloat(this.num) * 10000; //貸款金額
var amount = (dknum * monthRate * Math.pow((1 + monthRate), month)) / (Math.pow((1 + monthRate), month) - 1) //每月月供
var zonglixi = month * amount - dknum; //總利息=還款月數*每月月供-貸款金額
var hkprice = zonglixi + dknum; //還款金額=總利息+貸款金額
this.output.amount = amount.toFixed(2)
this.output.zonglixi = zonglixi.toFixed(2)
this.output.hkprice = hkprice.toFixed(2)
}
this.benjin= function() {
var month = parseInt(this.year) * 12; //還款月數
var monthRate = parseFloat(this.yearRate) / 12; //月利率
var dknum = parseFloat(this.num) * 10000; //貸款金額
var everymonth = dknum / month; //每月應還金額=貸款金額/還款月數
var amount = dknum / month + dknum * monthRate;
var zonglixi = ((everymonth + dknum * monthRate) + dknum / month * (1 + monthRate)) / 2 * month - dknum;
var hkprice = zonglixi + dknum;
this.output.amount = amount.toFixed(2)
this.output.zonglixi = zonglixi.toFixed(2)
this.output.hkprice = hkprice.toFixed(2)
}
}
var house = new house();
function getinput(){
var dknum=document.getElementById('dknum').value;
var year=document.getElementById('yearx').value;
var yearlilv=document.getElementById('box2').value;
var Obj=document.getElementById('box').value;
house.num=dknum;
house.year=year;
house.yearRate=yearlilv;
house.type=Obj;
return true
}
function showResult(){
var result=[house.output.amount,house.output.zonglixi,house.output.hkprice]
var text=['月供','總利息','總還款額']
var html='<tr><th>專案</th><th>金額</th></tr>'
for(var i=0;i<text.length;i++){
var Otable=document.getElementById('jg');
html+='<tr><td>'+text[i]+':</td><td>'+result[i]+'</td>'
Otable.innerHTML=html;
}
}
function result(){
if(getinput()){
if(house.type==0){
house.benxi();
}
if(house.type==1){
house.benjin();
}
showResult();
}
}
<body>
<div class="con">
<div class="top">
<h3>貸款方式</h3>
<select id="box">
<option value="https://bbs.csdn.net/topics/0">等額本息</option>
<option value="https://bbs.csdn.net/topics/1">等額本息</option>
</select>
<div class="input">
<div class="center">
<span>貸款金額：</span>
<input type="text" id="dknum" value="" />萬<br />
</div>
<div class="center">
<span>貸款年限：</span>
<input type="text" id="yearx" value=""/>年<br />
</div>
<div class="center">
<span>年利率：</span>
<select id="box2">
<option value="https://bbs.csdn.net/topics/0.049" >4.9%</option>
<option value="https://bbs.csdn.net/topics/0.0539">5.39%</option>
<option value="https://bbs.csdn.net/topics/0.0637">6.37%</option>
<option value="https://bbs.csdn.net/topics/0.0588">5.88%</option>
<option value="https://bbs.csdn.net/topics/0.0586">5.86%</option>
</select>
</div>
</div>
<button id="btn1" onclick="result()">計算房貸</button>
</div>
<table id="jg">
</table>
</div>
<script type="text/javascript" src="https://bbs.csdn.net/topics/js/02.js" ></script>
</body>
uj5u.com熱心網友回復：
document.getElementById('dknum').value 變成$("#dknum").val()類似上面這種document.getElementById 都變成后面的，也就這樣了
其他都是運算，也沒什么變的
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/133070.html
標籤：HTML(CSS)
上一篇：怎么搭建一個網站