[英]Is it possible to pass an objects function to a buttons onClick event in Javascript?
This is the HTML
这是 HTML
<form class='frm1'>
<h2>Enter Loan Amount:</h2>
<input type='text' name='Lamount' id='Lamount'>
<h2>Enter Credit Score:</h2>
<input type='text' name='Cscore' id='Cscore'><!-- comment -->
<h2>Enter Estimated Property Taxes:</h2>
<input type='text' name='Ptaxes' id='Ptaxes'><!-- comment -->
<h2>Enter Estimated Monthly Mortgage Insurance:</h2>
<input type='text' name='Minsurance' id='Minsurance'><!-- comment -->
<h2>How many years will this loan be active?:</h2>
<input type='text' name='Yactive' id='Yactive'>
<br><br>
<button id='btn1' onClick="loanCalculator.getIR()">Continue</button>
I tried using just the getIR() and it still didnt do what it is supposed to.
我尝试只使用 getIR() ,但它仍然没有做它应该做的事情。
I've also tried wrapping the object in a function called getIR and storing the values inside of an array but when I tried alerting or writing the contents of the array all that printed was "object"
我还尝试将 object 包装在名为 getIR 的 function 中,并将值存储在数组中,但是当我尝试警告或写入数组的内容时,所有打印的内容都是“对象”
</form>
This is the Javascript
这是 Javascript
loanCalculator = {
loan_amt: document.getElementById('Lamount').value,
c_score: document.getElementById('Cscore').value,
p_taxes: document.getElementById('Ptaxes').value,
m_insurance: document.getElementById('Minsurance').value,
y_active: document.getElementById('Yactive').value,
getIR: function(){
if(c_score <= 500){
alert("5% Interest Rate");
}
else if(c_score >=501 && c_score <600){
alert("4.75% Interest Rate");
}
else if(c_score >=601 && c_score <700){
alert("4.45% Interest Rate");
}
else{
alert("4.25% Interest Rate");
}
}
};
One of the examples is as follows.示例之一如下。
loanCalculator = { getIR: function() { const c_score = parseInt(document.getElementById('Cscore').value) if (c_score <= 500) { alert("5% Interest Rate"); } else if (c_score >= 501 && c_score < 600) { alert("4.75% Interest Rate"); } else if (c_score >= 601 && c_score < 700) { alert("4.45% Interest Rate"); } else { alert("4.25% Interest Rate"); } } };
<h2>Enter Credit Score:</h2> <input type='text' name='Cscore' id='Cscore'><.-- comment --> <button id='btn1' onClick="loanCalculator.getIR()">Continue</button>
You need to execute document.getElementById(xxx).value
every time after the button is clicked, so I guess you may don't need c_score: document.getElementById('Cscore').value
.您需要在每次单击按钮后执行
document.getElementById(xxx).value
,所以我猜您可能不需要c_score: document.getElementById('Cscore').value
。 (This is off topic but please be careful about validation of input values.) (这是题外话,但请注意输入值的验证。)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.