-
Notifications
You must be signed in to change notification settings - Fork 0
/
mortgage-calculator.html
127 lines (114 loc) · 6.23 KB
/
mortgage-calculator.html
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Advanced Mortgage Calculator by IkhlasRealty.com - Calculate your mortgage payments and plan your finances effectively.">
<meta name="keywords" content="mortgage calculator, advanced mortgage calculator, mortgage payments, financial planning, IkhlasRealty.com">
<meta name="author" content="Osaym Omar">
<meta name="robots" content="index, follow">
<meta name="language" content="en">
<!-- iMessage Preview Integration -->
<meta property="og:title" content="Average Mortgage Calculator - IkhlasRealty.com" />
<meta property="og:description" content="Calculate your mortgage payments and plan your finances effectively using the Advanced Mortgage Calculator from IkhlasRealty.com.">
<meta property="og:image" content="https://www.ikhlasrealty.com/images/ikhlasHussain2.jpeg" />
<meta property="og:url" content="https://www.ikhlasrealty.com/mortgage-calculator.html">
<meta property="og:type" content="website">
<!-- DNS Prefetch and Preconnect -->
<link rel="dns-prefetch" href="https://www.ikhlasrealty.com">
<link rel="preconnect" href="https://www.ikhlasrealty.com">
<link rel="icon" type="image/x-icon" href="/images/ikhlasHussain2.jpeg">
<link rel="stylesheet" href="/css/mortgage-calculator.css">
<title>Average Mortgage Calculator - IkhlasRealty.com</title>
</head>
<body>
<header>
<a href="/index.html" class="logo"><img src="/images/IkhlasRealty.png" alt="Logo" width="70px" height="70px" style="margin-top: 40px;"></a>
<h1 style="margin-bottom: 30px;">Average Mortgage Calculator</h1>
<a href="/index.html" class="home-button" style="margin-bottom: 20px;">Return Home?</a>
</header>
<div class="container">
<form id="mortgageForm">
<table>
<tr>
<th>Loan Amount<span class="required-indicator">*</span>:</th>
<td><input type="number" id="loanAmount" name="loanAmount" required></td>
</tr>
<tr>
<th>Down Payment<span class="required-indicator">*</span>:</th>
<td><input type="number" id="downPayment" name="downPayment" required></td>
</tr>
<tr>
<th>Interest Rate (%)<span class="required-indicator">*</span>:</th>
<td><input type="number" id="interestRate" name="interestRate" step="0.01" required></td>
</tr>
<tr>
<th>Loan Term (years)<span class="required-indicator">*</span>:</th>
<td>
<select id="loanTerm" name="loanTerm">
<option value="10">10 years</option>
<option value="15">15 years</option>
<option value="20">20 years</option>
<option value="25">25 years</option>
<option value="30">30 years</option>
<option value="35">35 years</option>
<option value="custom">Custom</option>
</select>
<input type="number" id="customLoanTerm" name="customLoanTerm" style="display: none;">
</td>
</tr>
<tr>
<th>Property Insurance (annual)<span class="required-indicator">*</span>:</th>
<td><input type="number" id="propertyInsurance" name="propertyInsurance" required></td>
</tr>
<tr>
<th>Property Taxes (annual)<span class="required-indicator">*</span>:</th>
<td><input type="number" id="propertyTaxes" name="propertyTaxes" required></td>
</tr>
<tr>
<th>Remaining Years:</th>
<td><input type="number" id="remainingYears" name="remainingYears" min="1"></td>
</tr>
</table>
<div class="result-container">
<button type="button" id="calculateButton" style="font-weight: bold; color: whitesmoke;">Calculate</button>
<button type="button" id="resetButton" style="font-weight: bold; color: whitesmoke;">Reset</button>
<div id="result"></div>
</div>
</form>
</div>
<footer>
<p><a style="color: aliceblue; text-decoration: none; font-weight: bold;" href="index.html">© 2023 IkhlasRealty.com</a></p>
</footer>
<button id="toggleDisclaimer">Show/Hide Legal Disclaimer</button>
<div id="disclaimerContainer"></div>
<script src="/js/mortgage-calculator.js"></script>
<script src="/js/logo-gui.js"></script>
<script>
var disclaimerVisible = true; // Set to true to make disclaimer visible by default
// Make sure the disclaimer content is displayed by default
var disclaimerContainer = document.getElementById("disclaimerContainer");
disclaimerContainer.style.display = "block";
disclaimerContainer.innerHTML = getDisclaimerText();
document.getElementById("toggleDisclaimer").addEventListener("click", function() {
var disclaimerText = getDisclaimerText();
if (!disclaimerVisible) {
disclaimerContainer.innerHTML = disclaimerText;
disclaimerContainer.style.display = "block";
disclaimerVisible = true;
} else {
disclaimerContainer.style.display = "none";
disclaimerVisible = false;
}
});
function getDisclaimerText() {
return `
<p><strong>Disclaimer:</strong></p>
<p>This mortgage calculator is provided for estimation purposes only and should not be considered as financial or legal advice. The results displayed by the calculator are estimates and may not reflect the actual terms of a mortgage agreement. Ikhlas Hussain and Camber Real Estate are not responsible for any errors or inaccuracies in the calculator or its results.</p>
<p>Users of this calculator should consult with a qualified financial advisor or mortgage professional before making any financial decisions based on the calculator's results.</p>
<p>By using this calculator, you agree that you understand the risks involved and surrender your right to hold Ikhlas Hussain or Camber Real Estate liable for any consequences resulting from the use of this mortgage calculator.</p>
`;
}
</script>
</body>
</html>