HOW TO MAKE A LOAN CALCULATOR USING ELEMENTOR HTML || CODE IN THE DESCRIPTION

Рет қаралды 1,383

Күн бұрын

Пікірлер: 3

@thee_streets Жыл бұрын

Code: .slider { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #ccc; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #0904fa; cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #0904fa; cursor: pointer; } Loan Amount: $ 0 Amount Interest: % Repayment period: 0 years Total Repayment: $ 0 Total Interest: $ 0 Estimated Monthly Repayment: $ 0 function calculateLoan() { let loanAmount = document.getElementById("loan_amount").value; let annualInterest = document.getElementById("annual_interest").value / 100 / 12; let loanRepaymentPeriod = document.getElementById("loan_repayment_period").value; document.getElementById("loan_amount_value").innerHTML = loanAmount; document.getElementById("loan_repayment_period_value").innerHTML = loanRepaymentPeriod; let estimatedMonthlyRepayment = loanAmount * (annualInterest * (Math.pow((1 + annualInterest), (loanRepaymentPeriod * 12)))) / (Math.pow((1 + annualInterest), (loanRepaymentPeriod * 12)) - 1); document.getElementById("estimated_monthly_repayment_value").innerHTML = estimatedMonthlyRepayment.toFixed(2); let totalRepayment = estimatedMonthlyRepayment * loanRepaymentPeriod * 12; document.getElementById("total_repayment_value").innerHTML = totalRepayment.toFixed(2); let totalInterest = totalRepayment - loanAmount; document.getElementById("total_interest_value").innerHTML = totalInterest.toFixed(2); }