導航:首頁 > 貸款資金 > 基於javascript實現的貸款計算器

基於javascript實現的貸款計算器

發布時間:2021-07-16 18:25:36

① javascript,asp做在線計算,涉及一些公式,然後每個參數要輸入,就像是房貸計算器,哪個能力強好實寫

樓主用ASP純浪費伺服器資源,還是JAVASCRIPT為主

不過JS有個浮點運算BUG,需要自己重新封裝一下加減乘除法,其他的倒是沒啥,很簡單

② 用javascript實現一個計算器需要什麼知識

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var showFlag = false;
var paren = "";
function fun(cmd){
var obj = document.getElementById("txt");
if(showFlag){
obj.value = "";
paren = "";
showFlag = false;
}
paren = paren + cmd;
if(cmd=="0" || cmd=="1" || cmd=="2" || cmd=="3" || cmd=="4" || cmd=="5" || cmd=="6" || cmd=="7" || cmd=="8" || cmd=="9"){
obj.value = cmd;
}
}

function count(){
var obj = document.getElementById("txt");
try{
obj.value =eval(paren );
}catch(e){

}
showFlag = true;
}
//-->
</SCRIPT>
<BODY>
<TABLE border=1>
<TR>
<TD colspan="4" align="center"><input type="text" name="txt" value="" readonly style="text-align:right"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 7 " onclick="fun('7');"></TD>
<TD align="center"><input type="button" name="btn" value=" 8 " onclick="fun('8');"></TD>
<TD align="center"><input type="button" name="btn" value=" 9 " onclick="fun('9');"></TD>
<TD align="center"><input type="button" name="btn" value=" + " onclick="fun('+');"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 4 " onclick="fun('4');"></TD>
<TD align="center"><input type="button" name="btn" value=" 5 " onclick="fun('5');"></TD>
<TD align="center"><input type="button" name="btn" value=" 6 " onclick="fun('6');"></TD>
<TD align="center"><input type="button" name="btn" value=" - " onclick="fun('-');"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 1 " onclick="fun('1');"></TD>
<TD align="center"><input type="button" name="btn" value=" 2 " onclick="fun('2');"></TD>
<TD align="center"><input type="button" name="btn" value=" 3 " onclick="fun('3');"></TD>
<TD align="center"><input type="button" name="btn" value=" * " onclick="fun('*');"></TD>
</TR>
<TR>
<TD align="center"><input type="button" name="btn" value=" 0 " onclick="fun('0');"></TD>
<TD align="center"><input type="button" name="btn" value=" = " onclick="count();"></TD>
<TD align="center"><input type="button" name="btn" value=" . " onclick="fun('.');"></TD>
<TD align="center"><input type="button" name="btn" value=" / " onclick="fun('/');"></TD>
</TR>
</TABLE>
</BODY>
</HTML>

在後邊寫個"+"號按鈕或超連接,這個按鈕或超連接要掉用他的ONCLICK事件,這個ONCLICK調用一個JAVASCRIPT方法(方法的作用是顯示下個文本框)添入數字再點等號按鈕或超連接 也是用ONCLICK 調用"+_*%"方法顯示就可以了哦!

這個簡單啊! 關鍵就是eval函數的使用!

<script language="javascript">
var expression = "10*2+5*2";
var result = eval(expression);
window.alert(result);
</script>

分別對2個輸入框、運算符的name屬性賦值,在script里用document.all.name.value來分別取輸入框的值(name為2個輸入框的name屬性),同樣用隱藏的運算符標志的name獲取運算符(可以事先約定值對應的運算符)。
在=號的onclick事件觸發這個函數。

例,
前輸入框name為n1,後面為n2,設n3為隱藏,點運算符的時候分別用JS函數將n3的值設為對應的1,2,3,4。(約定1,2,3,4分別為+,-,*,/)。
顯示結果的文本框name為n4。
點擊等於後,觸發運算函數
{
var p=document.all.n3.value;
var a=document.all.n1.value;
var b=document.all.n2.value;
if(p==1){document.all.n4.value=a+b;}
if(p==2){document.all.n4.value=a-b;}
if(p==3){document.all.n4.value=a*b;}
if(p==4){document.all.n4.value=a/b;}
}

③ 求Javascript編寫的計算器,如圖所示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
window.onload = function(){
var buttons = document.getElementById("btns").getElementsByTagName("input");
for(var i = 0; i < buttons.length; i++){
buttons[i].onclick = function(){
var n1 = document.getElementById("num1").value;
var n2 = document.getElementById("num2").value;
if(n1 == "" || n2 == "" || isNaN(n1) || isNaN(n2)){
alert("請輸入數字!");return;
}
document.getElementById("result").value = eval(n1 + this.alt + n2);
}
}
}
</script>
<style type="text/css">
div{ width:400px; background:#cfc; padding:10px;}
div h1{ text-align:center}
#btns input{ width:60px;}
</style>
</head>
<body>
<div>
<h1>購物車簡易計算器</h1>
<p>第一個數:<input type="text" id="num1" /></p>
<p>第一個數:<input type="text" id="num2" /></p>
<p id="btns">
<input type="button" alt="+" value="+" />
<input type="button" alt="-" value="-" />
<input type="button" alt="*" value="×" />
<input type="button" alt="/" value="÷" />
</p>
<p>計算結果:<input type="text" id="result" /></p>
</div>
</body>
</html>

④ 求設計與製作一個網頁實現一個給定利率計算按揭貸款月供額及還款總額的javascript程序

<!DOCTYPEhtml>
<html>

<head>
<metacharset=utf-8>
<title>test</title>
<script>
varcalc=function(){
varrate=document.getElementById("rate").value*1;
varmade=document.getElementById("made").value*1;
varamount=document.getElementById("amount").value*1;
rate=rate/1200;
varpayment=(rate*Math.pow(1+rate,made)*amount)/(Math.pow(1+rate,made)-1);
varstr="";
//貸款金額
str+="LoanAmount:$"+amount.toFixed(2)+"<br/>";
//每月的利率
str+="MonthlyInterestRate:"+(rate*100).toFixed(3)+"<br/>";
//數量支付
str+="NumberofPayments:"+made.toFixed(0)+"<br/>";
//每月的付款
str+="MonthlyPayment:$"+payment.toFixed(2)+"<br/>";
//償還金額
str+="AmountPaidBack:$"+(payment*made).toFixed(2)+"<br/>";
//支付的利息
str+="InterestPaid:$"+(payment*made-amount).toFixed(2)+"<br/>";
document.getElementById("result").innerHTML=str;
}
</script>
</head>

<body>Entertheannualinterestrate&gt;
<inputtype="text"id="rate"/>
<br/>&gt;
<inputtype="text"id="made"/>
<br/>Entertheloanamount&gt;
<inputtype="text"id="amount"/>
<br/>
<buttononclick="calc()">calc</button>
<divid="result"></div>
</body>

</html>

⑤ 使用JavaScript編寫程序實現計算器功能,可以實現浮點數的加、減、乘、除運算,請大蝦們把代碼補充完整!

function SetExp(str){
//設置文本框內顯示的字元串
var _rst = document.getElementsByName('result')[0];
_rst.value = _rst.value + str;
}
function Cal(){
//計算輸入的算術表達式並在文本框內給出結果
var _rst = document.getElementsByName('result')[0];
var _calc = _rst.value;
if(_calc!=''){
_rst.value = window.eval(_calc);
}
}
function Clear(){
//清空文本框內的輸入字元串
document.getElementsByName('result')[0].value = '';
}

⑥ 用javascript做一個簡單的計算器

運算符號選項形式,可以避免輸入錯誤:<html>
<body>
第一個數<input type="text" value="" width="100" id="num1"><br>
運算符號<select id="fh">
<option value="+">加</option>
<option value="-">減</option>
<option value="*">乘</option>
<option value="/">除</option>
</select><br>
第二個數<input type="text" value="" width="100" id="num2"><br>
運算結果<input type="text" value="" width="100" id="jg" ><br><br>
<input type="button" value=" 計算 " onclick="js()">
<script>
function js(){
var num1=document.getElementById("num1").value
var num2=document.getElementById("num2").value
var fh=document.getElementById("fh").value
var jg=document.getElementById("jg")
if(!isNaN(num1) && !isNaN(num2)){
if(fh=="+")jg.value=Number(num1)+Number(num2)
if(fh=="-")jg.value=Number(num1)-Number(num2)
if(fh=="*")jg.value=Number(num1)*Number(num2)
if(fh=="/")jg.value=Number(num1)/Number(num2)
}
}
</script>
</body>
</html>

⑦ 如何一個用 JavaScript 實現的簡陋的計算器

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<script type="text/javascript">function nuli(x)
{
var num1 = Number(document.getElementsByName('num1')[0].value);
var num2 = Number(document.getElementsByName('num2')[0].value);
if(isNaN(num1)||isNaN(num2)){
alert("抱歉~輸入錯誤!");
}else{
if(x == "+"){
document.getElementsByName('num3')[0].value = num1+num2;
}else if(x == "-"){
document.getElementsByName('num3')[0].value = num1-num2;
}else if(x == "*"){
document.getElementsByName('num3')[0].value = num1*num2;
}else if(x == "/"){
document.getElementsByName('num3')[0].value = num1/num2;
}
}
}
</script>
</head>
<body>
<form name = 'java'>
輸入1:
<input type="text" name="num1" />
<br>
輸入2:
<input type="text" name="num2" />
<br>
結果為:
<input type="text" name="num3"/>
<br>
<br>
<input type="button" value="+" onClick="nuli('+')">
<input type="button" value="-" onClick="nuli('-')">
<input type="button" value="*" onClick="nuli('*')">
<input type="button" value="/" onClick="nuli('/')">
</form>
</body>
</html>
這個不知道是不是你剛才提問的。已經改好了。

⑧ javascript如何實現計算器

用ji做一個簡單的計算器代碼如下:
<!DOCTYPE HTML>
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>簡易計算器</title>

<script type="text/javascript">

function compute(){

var x=document.getElementById("x").value;

var y=document.getElementById("y").value;

var rs=document.getElementById("rs");

var sign=document.getElementById("sign").value;

if(!(isNaN(x) || isNaN(y))){

switch(sign){

case "+":

rs.value=parseFloat(x)+parseFloat(y);

break;

case "-":

rs.value=parseFloat(x)-parseFloat(y);

break;

case "*":

rs.value=parseFloat(x)*parseFloat(y);

break;

case "/":

rs.value=parseFloat(x)/parseFloat(y);

break;

default:

rs.value="發生錯誤!";

}

}

}

</script>

</head>

<body>

<form name="myform">

<input type="text" size="4" maxlength="4" id="x">

<select name="sign" id="sign">

<option value="+" selected>+</option>

<option value="-">-</option>

<option value="*">*</option>

<option value="/">/</option>

</select>

<input type="text" size="4" maxlength="4" id="y">=

<input type="text" size="4" maxlength="4" id="rs" ><br>

<input type="button" name="bt1" id="bt1" value="計算" onClick="compute();">

</form>

</body>

</html>

主要使用switch語法完成。

⑨ javascript 實現簡單計算器功能 急!!

<HTML>
<script>
function cas(){
var a=document.getElementById("first").value;
var b=document.getElementById("sercond").value;
if(document.kfc.sign.value=="a"){
document.kfc.result.value=parseInt(a)+parseInt(b);
}
if(document.kfc.sign.value=="b"){
document.kfc.result.value=parseInt(a)-parseInt(b);
}
if(document.kfc.sign.value=="c"){
document.kfc.result.value=parseInt(a)*parseInt(b);
}
if(document.kfc.sign.value=="d"){
document.kfc.result.value=parseInt(a)/parseInt(b);
}
}
</script>

<BODY>
<form name="kfc">
輸入第一個數<input type="text" id="first" >
<select id="sign" name="sign">
<option value="a">+</option>
<option value="b">-</option>
<option value="c">*</option>
<option value="d">/</option>
<option value="e">%</option>
</select>
輸入第二個數<input type="text" id="sercond" >
=
結果輸出<input type="text" id="result">
<input type="button" value="計算" onclick="cas()" >
</form>
</BODY>
</HTML>
這樣子就可以了
document.getElementById("sign") 是獲取全部的對象 並不能得到值

⑩ javascript怎麼實現計算器

如下代碼僅僅實現了加、減、乘、除四個小功能。
<script>
window.onload=function(){
varoText1=document.getElementById('txt1');
varoText2=document.getElementById('txt2');
varoSel=document.getElementById('sel1');
varoBtn=document.getElementById('btn');

oBtn.onclick=function(){
varn1=parseFloat(oText1.value);
varn2=parseFloat(oText2.value);
vara=oSel.value;

'12+5'

varres=0;

switch(a)
{
case'+':
res=n1+n2;
break;

case'-':
res=n1-n2;
break;

case'*':
res=n1*n2;
break;

case'/':
res=n1/n2;
break;
}

alert(res);
};
};
</script>
</head>

<body>
<inputtype="text"id="txt1"/>
<selectid="sel1">
<optionvalue="+">+</option>
<optionvalue="-">-</option>
<optionvalue="*">*</option>
<optionvalue="/">/</option>
</select>
<inputtype="text"id="txt2"/>
<inputtype="button"value="計算"id="btn"/>
</body>
定義一個select選擇器,進行選擇計算方式。點擊按鈕計算,將計算出結果。

閱讀全文

與基於javascript實現的貸款計算器相關的資料

熱點內容
基金東方紅169101 瀏覽:273
旺順閣融資 瀏覽:785
短線寶投資 瀏覽:401
北方水業股票 瀏覽:57
702港幣兌換多少人民幣 瀏覽:465
13年再融資 瀏覽:765
榮豐地產股票 瀏覽:224
同股份股票 瀏覽:474
股票的基本面主要指的是什麼 瀏覽:564
銀行理財經理工資高嗎 瀏覽:769
房企融資多個渠道收緊 瀏覽:398
四通股份還投資了哪些公司 瀏覽:649
科創板投資者可以有幾種交易方式 瀏覽:780
基金風險准備金的計提會計處理 瀏覽:321
天津納川投資發展有限公司 瀏覽:692
景順長城財富號基金好嗎 瀏覽:586
馬來西亞mfc理財平台 瀏覽:596
a輪融資占股 瀏覽:349
理財經濟 瀏覽:486
兒童理財書 瀏覽:530