{"id":9332,"date":"2025-09-28T11:27:07","date_gmt":"2025-09-28T15:27:07","guid":{"rendered":"https:\/\/mohsenrafiee.com\/?page_id=9332"},"modified":"2025-09-28T14:45:02","modified_gmt":"2025-09-28T18:45:02","slug":"mortgage-calculator","status":"publish","type":"page","link":"https:\/\/mohsenrafiee.com\/fr\/mortgage-calculator","title":{"rendered":"Simulateur d'hypoth\u00e8que"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9332\" class=\"elementor elementor-9332\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f6d0215 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f6d0215\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-248cf59\" data-id=\"248cf59\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9cff8a1 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9cff8a1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Vazir Font -->\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazir-font@v30.1.0\/dist\/font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\r\n\r\n<style>\r\n\/* Container *\/\r\n#mortgage-calculator {\r\n  width:90%;\r\n  max-width:500px;\r\n  padding:25px;\r\n  border-radius:12px;\r\n  background:#ffffff;\r\n  font-family:'Vazir', sans-serif;\r\n  box-sizing:border-box;\r\n  box-shadow:0 6px 15px rgba(0,0,0,0.08);\r\n  margin:40px auto;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\/* Heading *\/\r\n#mortgage-calculator h3 {\r\n  text-align:center;\r\n  margin-bottom:20px;\r\n  font-size:1.5em;\r\n  color:#222;\r\n}\r\n\r\n\/* Inputs *\/\r\n#mortgage-calculator input {\r\n  width:100%;\r\n  padding:16px;\r\n  margin:8px 0;\r\n  border-radius:12px;\r\n  border:1px solid #ccc;\r\n  font-size:1.1em;\r\n  box-sizing:border-box;\r\n  transition: all 0.3s;\r\n}\r\n#mortgage-calculator input:focus {\r\n  border-color:#0073e6;\r\n  box-shadow:0 0 8px rgba(0,115,230,0.3);\r\n  outline:none;\r\n}\r\n\r\n\/* Button *\/\r\n#mortgage-calculator button {\r\n  width:100%;\r\n  padding:16px;\r\n  margin-top:12px;\r\n  background-color:#0073e6;\r\n  color:white;\r\n  border:none;\r\n  border-radius:10px;\r\n  cursor:pointer;\r\n  font-size:1.1em;\r\n  font-weight:bold;\r\n  transition: all 0.3s;\r\n}\r\n#mortgage-calculator button:hover {\r\n  background-color:#005bb5;\r\n}\r\n\r\n\/* Result *\/\r\n#mortgage-calculator #result {\r\n  margin-top:20px;\r\n  padding:15px;\r\n  border-radius:10px;\r\n  background:#e6f0ff;\r\n  color:#0073e6;\r\n  font-weight:bold;\r\n  font-size:1.1em;\r\n  text-align:center;\r\n  word-wrap: break-word;\r\n}\r\n\r\n\/* Responsive for mobile *\/\r\n@media (max-width: 480px) {\r\n  #mortgage-calculator {\r\n    padding:20px;\r\n  }\r\n  #mortgage-calculator input, #mortgage-calculator button {\r\n    font-size:1em;\r\n    padding:14px;\r\n  }\r\n  #mortgage-calculator h3 {\r\n    font-size:1.3em;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div id=\"mortgage-calculator\">\r\n  <h3>Simulateur d'hypoth\u00e8que<\/h3>\r\n\r\n  <input type=\"number\" id=\"loanAmount\" placeholder=\"\ud83d\udcb0 Loan Amount (optional)\">\r\n  <input type=\"number\" id=\"downPayment\" placeholder=\"\ud83d\udcb5 Down Payment (optional)\">\r\n  <input type=\"number\" id=\"interestRate\" placeholder=\"\ud83d\udcc8 Annual Interest Rate (%) (optional)\">\r\n  <input type=\"number\" id=\"amortization\" placeholder=\"\ud83d\udd52 Amortization Period (Years) (optional)\">\r\n  <input type=\"number\" id=\"term\" placeholder=\"\ud83d\udcc5 Term (Years) (optional)\">\r\n\r\n  <button id=\"calculateBtn\">Calculate<\/button>\r\n\r\n  <div id=\"result\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"calculateBtn\").addEventListener(\"click\", function() {\r\n    \/\/ Get inputs or default to 0\r\n    let loan = parseFloat(document.getElementById('loanAmount').value) || 0;\r\n    let down = parseFloat(document.getElementById('downPayment').value) || 0;\r\n    let rate = parseFloat(document.getElementById('interestRate').value) || 0;\r\n    let amortYears = parseFloat(document.getElementById('amortization').value) || 0;\r\n    let termYears = parseFloat(document.getElementById('term').value) || 0;\r\n\r\n    if(loan <= 0 || amortYears <= 0 || termYears <= 0) {\r\n        document.getElementById('result').innerText = \"\u26a0\ufe0f Please enter at least Loan Amount, Amortization and Term.\";\r\n        return;\r\n    }\r\n\r\n    let principal = loan - down;\r\n    let monthlyRate = rate \/ 100 \/ 12;\r\n    let totalMonths = amortYears * 12;\r\n    let termMonths = termYears * 12;\r\n\r\n    \/\/ Monthly payment calculation\r\n    let monthlyPayment = monthlyRate > 0 ?\r\n        principal * (monthlyRate * Math.pow(1 + monthlyRate, totalMonths)) \/ \r\n        (Math.pow(1 + monthlyRate, totalMonths) - 1)\r\n        : principal \/ totalMonths;\r\n\r\n    \/\/ Total interest over term\r\n    let remainingBalance = principal;\r\n    let interestPaid = 0;\r\n    for(let i = 0; i < termMonths; i++) {\r\n        let interest = remainingBalance * monthlyRate;\r\n        let principalPaid = monthlyPayment - interest;\r\n        remainingBalance -= principalPaid;\r\n        interestPaid += interest;\r\n    }\r\n\r\n    let termPayment = monthlyPayment * termMonths;\r\n\r\n    document.getElementById('result').innerHTML = `\r\n    \ud83d\udcb5 Monthly Payment: ${monthlyPayment.toFixed(0).toLocaleString()}<br>\r\n      \ud83c\udfe6 Payment over Term: ${termPayment.toFixed(0).toLocaleString()}<br>\r\n      \ud83d\udcca Interest Paid over Term: ${interestPaid.toFixed(0).toLocaleString()}<br>\r\n      \ud83d\udcb0 Loan Amount after Down Payment: ${principal.toLocaleString()}\r\n    `;\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0648\u0627\u0645 \u0645\u0633\u06a9\u0646 \u067e\u06cc\u0632\u0648 \u06a9\u0646\u06cc\u062f<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/pages\/9332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/comments?post=9332"}],"version-history":[{"count":25,"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/pages\/9332\/revisions"}],"predecessor-version":[{"id":9597,"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/pages\/9332\/revisions\/9597"}],"wp:attachment":[{"href":"https:\/\/mohsenrafiee.com\/fr\/wp-json\/wp\/v2\/media?parent=9332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}