{"id":18,"date":"2026-07-02T06:55:26","date_gmt":"2026-07-02T06:55:26","guid":{"rendered":"http:\/\/52.38.33.42\/my_site\/?page_id=18"},"modified":"2026-07-09T07:32:17","modified_gmt":"2026-07-09T07:32:17","slug":"loan-calculator","status":"publish","type":"page","link":"https:\/\/winance.com.au\/index.php\/loan-calculator\/","title":{"rendered":"Loan Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6dc967 e-con e-atomic-element e-flexbox-base e-7cd89e4 \" data-id=\"c6dc967\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c6dc967\">\n    <div class=\"elementor-element elementor-element-d4a9771 e-flex e-con-boxed e-con e-parent\" data-id=\"d4a9771\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-59d7ffd e-con e-atomic-element e-flexbox-base e-6127518 \" data-id=\"59d7ffd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"59d7ffd\">\n    <div class=\"elementor-element elementor-element-d2806f4 e-flex e-con-boxed e-con e-parent\" data-id=\"d2806f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71f0550 elementor-widget elementor-widget-heading\" data-id=\"71f0550\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LET US FIND A LOAN THAT WORKS FOR YOU<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5564d4a e-con e-atomic-element e-flexbox-base e-e739836 \" data-id=\"5564d4a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5564d4a\">\n    <div class=\"elementor-element elementor-element-a1ff5d0 e-flex e-con-boxed e-con e-parent\" data-id=\"a1ff5d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-76a479e e-grid e-con-full e-con e-child\" data-id=\"76a479e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aeef20b elementor-widget elementor-widget-image\" data-id=\"aeef20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"306\" src=\"https:\/\/winance.com.au\/wp-content\/uploads\/2026\/07\/home-value-calculator.png\" class=\"attachment-large size-large wp-image-429\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1645e37 elementor-widget elementor-widget-html\" data-id=\"1645e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"loan-calculator-container\">\n  <!-- Loan Amount Field -->\n  <div class=\"calc-field\">\n    <span class=\"calc-label-prefix\">$<\/span>\n    <input type=\"number\" id=\"loanAmount\" placeholder=\"Loan Amount\">\n  <\/div>\n  \n  <!-- Years Field -->\n  <div class=\"calc-field no-prefix\">\n    <input type=\"number\" id=\"loanYears\" placeholder=\"Years\">\n  <\/div>\n  \n  <!-- Interest Rate Field -->\n  <div class=\"calc-field\">\n    <span class=\"calc-label-prefix\">%<\/span>\n    <input type=\"number\" step=\"0.01\" id=\"interestRate\" placeholder=\"Interest Rate\">\n  <\/div>\n  \n  <!-- Dropdown Field -->\n  <div class=\"calc-field dropdown-field\">\n    <select id=\"loanType\">\n      <option value=\"pi\">Principal & Interest<\/option>\n      <option value=\"io\">Interest Only<\/option>\n    <\/select>\n  <\/div>\n  \n  <!-- Monthly Payment Output Field -->\n  <div class=\"calc-field\">\n    <span class=\"calc-label-prefix\">$<\/span>\n    <input type=\"text\" id=\"monthlyPayment\" placeholder=\"Monthly Payment\" readonly>\n  <\/div>\n  \n  <!-- Calculate Button -->\n  <button id=\"calcBtn\" class=\"calculate-button\">CALCULATE<\/button>\n<\/div>\n\n<style>\n\/* Main Container Styling *\/\n.loan-calculator-container {\n  width: 100%;\n  max-width: 480px;\n  box-sizing: border-box;\n}\n\n.loan-calculator-container * {\n  box-sizing: border-box;\n}\n\n\/* Fields Outline & Grid Structure *\/\n.calc-field {\n  position: relative;\n  margin-bottom: 10px;\n  border: 1px solid #000000;\n  display: flex;\n  align-items: center;\n  background: #ffffff;\n  height: 54px;\n}\n\n\/* Typography & Inputs Matching Your Screenshot *\/\n.calc-field input, \n.calc-field select {\n  width: 100%;\n  height: 100%;\n  padding: 0 12px;\n  border: none !important;\n  box-shadow: none !important;\n  font-family: \"Times New Roman\", Georgia, serif !important;\n  font-size: 13.5px;\n  color: #000000;\n  outline: none;\n  background: transparent !important;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n\/* Muted Prefix Labels ($ and %) *\/\n.calc-label-prefix {\n  font-family: \"Times New Roman\", Georgia, serif !important;\n  font-size: 13.5px;\n  color: #8c8c8c;\n  padding-left: 15px;\n  padding-right: 5px;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n}\n\n\/* Left padding correction for inputs with a prefix label *\/\n.calc-label-prefix + input {\n  padding-left: 0px;\n}\n\n\/* Padding for inputs without any prefix label (Years) *\/\n.calc-field.no-prefix input {\n  padding-left: 15px;\n}\n\n\/* Placeholder Styling *\/\n.calc-field input::placeholder {\n  color: #000000;\n  opacity: 1;\n}\n.calc-field input:-ms-input-placeholder {\n  color: #000000;\n}\n.calc-field input::-ms-input-placeholder {\n  color: #000000;\n}\n\n\/* Dropdown Arrow & Text Layout Alignment *\/\n.calc-field select {\n  background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/w3.org' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 10l5 5 5-5z'\/%3E%3C\/svg%3E\") no-repeat right 15px center !important;\n  background-size: 18px !important;\n  cursor: pointer;\n  padding-left: 15px;\n  padding-right: 40px;\n}\n\n\/* Hiding Native Number Browser Spinners *\/\ninput[type=\"number\"]::-webkit-outer-spin-button,\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\n\/* Red Button Customization *\/\n.calculate-button {\n  width: 100%;\n  background-color: #800010; \n  color: #ffffff;\n  border: none;\n  height: 52px;\n  font-family: \"Times New Roman\", Georgia, serif !important;\n  font-size: 15px;\n  letter-spacing: 1px;\n  cursor: pointer;\n  text-transform: uppercase;\n  transition: background 0.2s ease;\n  margin-top: 5px;\n}\n\n.calculate-button:hover {\n  background-color: #65000c;\n}\n<\/style>\n\n<script>\ndocument.getElementById('calcBtn').addEventListener('click', function(e) {\n  e.preventDefault();\n  \n  const principal = parseFloat(document.getElementById('loanAmount').value) || 0;\n  const yearlyRate = parseFloat(document.getElementById('interestRate').value) || 0;\n  const years = parseFloat(document.getElementById('loanYears').value) || 0;\n  const type = document.getElementById('loanType').value;\n  \n  const monthlyRate = (yearlyRate \/ 100) \/ 12;\n  const totalPayments = years * 12;\n  let monthlyPayment = 0;\n\n  if (principal > 0 && totalPayments > 0) {\n    if (type === 'pi') {\n      if (monthlyRate > 0) {\n        monthlyPayment = (principal * monthlyRate * Math.pow(1 + monthlyRate, totalPayments)) \/ (Math.pow(1 + monthlyRate, totalPayments) - 1);\n      } else {\n        monthlyPayment = principal \/ totalPayments;\n      }\n    } else {\n      monthlyPayment = principal * (yearlyRate \/ 100 \/ 12);\n    }\n  }\n\n  \/\/ Outputs calculation directly inside the bottom field\n  document.getElementById('monthlyPayment').value = monthlyPayment > 0 ? monthlyPayment.toFixed(2) : \"\";\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LET US FIND A LOAN THAT WORKS FOR YOU $ % Principal &#038; InterestInterest Only $ CALCULATE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":23,"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":624,"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/624"}],"wp:attachment":[{"href":"https:\/\/winance.com.au\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}