📜  使用 JavaScript 设计贷款计算器

📅  最后修改于: 2021-11-03 06:22:42             🧑  作者: Mango

贷款计算器可用于通过总金额、偿还月数和利率来计算贷款的每月 EMI。

方法:方法非常简单,我们将从用户那里获取 3 个输入,即金额(贷款总额)、利率(利率)和月份(要偿还的月份数)。使用这三个,我们可以计算出总金额。最后我们将显示总金额。

公式:

interest = (amount * (rate * 0.01))/months;
total = ((amount/months) + interest);

我们使用 HTML 设计简单的结构并使用 CSS(内部 CSS)赋予样式。在输入时,我们正在调用calculate()函数并显示结果。 calculate()函数使用名为 – onchange 的 HTML 属性获取输入(当元素的值更改时,onchange 属性会触发)。

先决条件: HTML、CSS 和 JavaScript 的基本概念。

实现:我们将制作两个单独的文件,即 HTML 和 JavaScript,并将 JavaScript 文件链接到 HTML 文件中。

  • HTML – (index.html)
  • JavaScript – (app.js)

HTML文件:

index.html


  

    Loan Calculator
  
    

  

    
        

Loan Calculator

                    

Amount (₹)     :                      

           

Interest Rate  :                      

           

Months to Pay :                      

           

    
          


app.js
function Calculate() {
  
    // Extracting value in the amount 
    // section in the variable
    const amount = document.querySelector("#amount").value;
  
    // Extracting value in the interest
    // rate section in the variable
    const rate = document.querySelector("#rate").value;
  
    // Extracting value in the months 
    // section in the variable
    const months = document.querySelector("#months").value;
  
    // Calculating interest per month
    const interest = (amount * (rate * 0.01)) / months;
      
    // Calculating total payment
    const total = ((amount / months) + interest).toFixed(2);
  
    document.querySelector("#total")
        .innerHTML = "EMI : (₹)" + total;
}


JavaScript 文件:

应用程序.js

function Calculate() {
  
    // Extracting value in the amount 
    // section in the variable
    const amount = document.querySelector("#amount").value;
  
    // Extracting value in the interest
    // rate section in the variable
    const rate = document.querySelector("#rate").value;
  
    // Extracting value in the months 
    // section in the variable
    const months = document.querySelector("#months").value;
  
    // Calculating interest per month
    const interest = (amount * (rate * 0.01)) / months;
      
    // Calculating total payment
    const total = ((amount / months) + interest).toFixed(2);
  
    document.querySelector("#total")
        .innerHTML = "EMI : (₹)" + total;
}  

输出: