-
Notifications
You must be signed in to change notification settings - Fork 2
/
app.js
79 lines (61 loc) · 2.37 KB
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
// Listen for submit
document.getElementById("loan-form").addEventListener("submit", function(e) {
// Hide results
document.getElementById("results").style.display = "none";
// Show loader
document.getElementById("loading").style.display = "block";
setTimeout(calculateResults, 2000);
e.preventDefault();
});
// Calculate Results
function calculateResults() {
console.log("Calculating...");
// UI Vars
const amount = document.getElementById("amount");
const interest = document.getElementById("interest");
const years = document.getElementById("years");
const monthlyPayment = document.getElementById("monthly-payment");
const totalPayment = document.getElementById("total-payment");
const totalInterest = document.getElementById("total-interest");
const principal = parseFloat(amount.value);
const calculatedInterest = parseFloat(interest.value) / 100 / 12;
const calculatedPayments = parseFloat(years.value) * 12;
// Compute monthly payment
const x = Math.pow(1 + calculatedInterest, calculatedPayments);
const monthly = (principal * x * calculatedInterest) / (x - 1);
if (isFinite(monthly)) {
monthlyPayment.value = monthly.toFixed(2);
totalPayment.value = (monthly * calculatedPayments).toFixed(2);
totalInterest.value = (monthly * calculatedPayments - principal).toFixed(2);
// Show results
document.getElementById("results").style.display = "block";
// Hide loader
document.getElementById("loading").style.display = "none";
} else {
showError("Please check your numbers");
}
}
// Show Error
function showError(error) {
// Hide results
document.getElementById("results").style.display = "none";
// Hide loader
document.getElementById("loading").style.display = "none";
// Create a div
const errorDiv = document.createElement("div");
// Get elements
const card = document.querySelector(".card");
const heading = document.querySelector(".heading");
// Add class
errorDiv.className = "alert alert-danger";
// Create text node and append to div
errorDiv.appendChild(document.createTextNode(error));
// Insert error above heading
card.insertBefore(errorDiv, heading);
// Clear error after 3 seconds
setTimeout(clearError, 3000);
}
// Clear Error
function clearError() {
document.querySelector(".alert").remove();
}