app.min.js

function calculateInterest(e){const t=parseFloat(amount.value),o=parseFloat(interest.value/100),n=o/12,r=parseFloat(yearsToRepay.value),l=12*r,s=parseFloat(t*o*r).toFixed(2),u=Math.pow(1+n,l),c=t*n*(u/(u-1)),a=(+s+ +t).toFixed(2);isFinite(c)?(hideResultsBlock(),showSpinner(),loadResultsBlock(),removeSpinner(),document.querySelector("#monthlyPayment").innerHTML=`₹${c.toFixed(2)}`,document.querySelector("#totalInterest").innerHTML=`₹${s}`,document.querySelector("#totalPayment").innerHTML=`₹${a}`,document.querySelector("#loanAmount").innerHTML=`Loan Amount: ₹${amount.value}`,document.querySelector("#loanInterest").innerHTML=`Loan Interest: ${interest.value}%`,document.querySelector("#loanRepaytime").innerHTML=`Loan Repay Time: ${yearsToRepay.value} years`):(console.log("Please check your numbers"),errorMsg()),e.preventDefault()}function errorMsg(){const e=document.createElement("p");e.className="red-text center errorMsg",e.innerHTML="Kindly check the input values";const t=document.querySelector("#userInputsDiv");t.insertAdjacentElement("afterend",e),setTimeout(()=>{const e=document.querySelector(".errorMsg");e.remove()},3e3)}function showSpinner(){setTimeout(()=>{spinner.style.display="block",console.log("spinner loaded")},200)}function removeSpinner(){setTimeout(()=>{spinner.style.display="none",console.log("spinner hidden")},2e3)}function hideResultsBlock(){setTimeout(()=>{results.style.display="none",console.log("Result block loaded")},20)}function loadResultsBlock(){setTimeout(()=>{results.style.display="block",console.log("Result block loaded")},2e3)}let form=document.querySelector("#calculator-form"),calcBtn=document.querySelector("#calculate"),spinner=document.querySelector("#spinner"),amount=document.querySelector("#amount"),interest=document.querySelector("#interestRate"),yearsToRepay=document.querySelector("#yearsToRepay"),results=document.querySelector("#results");form.addEventListener("submit",calculateInterest);