{"id":437,"date":"2021-08-31T13:23:46","date_gmt":"2021-08-31T13:23:46","guid":{"rendered":"https:\/\/www.realtyhop.com\/mortgage-center\/?page_id=437"},"modified":"2022-08-26T17:52:32","modified_gmt":"2022-08-26T21:52:32","slug":"payment-calculator","status":"publish","type":"page","link":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/","title":{"rendered":"Mortgage Payment Calculator"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row\"><div class=\"vc_row tdi_4  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_8 \"><div class=\"td-fix-index\"><div><h1>Estimating Monthly Payments With a Mortgage Calculator<\/h1><\/div>\n<div><p>If you\u2019re looking to buy a home soon, you may be wondering how much you can afford. In fact, one of the most important things you can do before putting in an offer is to find out how much you will pay per month by estimating your monthly payment.<\/p>\n<p>The RealtyHop Mortgage Calculator is an interactive tool to help you visualize your monthly payment amount. You can input all available information you have on a property to understand how amortization affects the amount you will pay toward your loan principal and interest for the duration of the mortgage.<\/p>\n<p>Homebuyers should provide their purchase price, down payment amount, interest rate, and loan term to paint an accurate picture of their monthly payments. Additionally, the mortgage calculator allows homeowners to input their maintenance or HOA costs, property taxes, homeowner\u2019s insurance, and mortgage insurance to get an accurate breakdown of their expected monthly expenditure.<\/p>\n<p>The mortgage calculator provides accurate information about monthly costs. Continue reading to learn more about how the calculator works and further understand the different costs contributing to your monthly payments.<\/p>\n<\/div><\/div><\/div><div class=\"vc_row_inner tdi_10  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_10{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_10,\r\n\t\t\t\t.tdi_10 .tdc-inner-columns{\r\n\t\t\t\t    display: flex;\r\n\t\t\t\t\r\n\t\t\t\t    flex-direction: row;\r\n\t\t\t\t\r\n\t\t\t\t    flex-wrap: nowrap;\r\n\t\t\t\t\r\n\t\t\t\t    justify-content: flex-start;\r\n\t\t\t\t\r\n\t\t\t\t    align-items: flex-start;\r\n\t\t\t\t}.tdi_10 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}#tdi_9{\r\n\t\t\t\t    flex-grow: 1;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column_inner tdi_12  wpb_column vc_column_container tdc-inner-column td-pb-span4\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_12{\r\n                    vertical-align: baseline;\r\n                }.tdi_12 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_12 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_12 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_14 \"><div class=\"td-fix-index\"><div class=\"mortgage_calc section_calc_block\">\n  <div id=\"payment_chart_parent\">\n    <canvas id=\"payment_chart\"><\/canvas>\n    <div id=\"payment_chart_label\">\n<p data-formula=\"prop-principal + prop-taxes + prop-hoa + prop-insurance + prop-mortgage-insurance\" data-pattern=\"$0,\">$0<\/p>\n<span>Per Month<\/span>\n<\/div>\n  <\/div>\n<label>Property Price<input type=\"text\" id=\"prop-price\" value=\"$499,000\"><\/label>\n<label>Down Payment %<input type=\"text\" id=\"prop-down\" value=\"20%\" data-min=\"0\" data-max=\"100\" data-pattern=\"0.00%\"><\/label>\n<label>Down Payment $<input type=\"text\" id=\"prop-down-dollar\" data-formula=\"prop-price * (prop-down \/ 100)\" value=\"$99,800\" disabled><\/label>\n<label>Mortgage Amount<input type=\"text\" id=\"prop-mortgage\" data-formula=\"prop-price - prop-down-dollar\" value=\"$399,200\" disabled><\/label>\n<label>Interest Rate<input type=\"text\" id=\"prop-interest\" value=\"4.5%\" data-min=\"0\" data-max=\"100\" data-pattern=\"0.00%\"><\/label>\n<label>Term (Years)<input type=\"text\" id=\"prop-term\" value=\"30\" data-min=\"1\" data-max=\"50\" data-pattern=\"0\"><\/label>\n<a href=\"https:\/\/www.realtyhop.com\/mortgage\/mortgage-rates\" target=\"_blank\"><button id=\"payment-rates-button\" class=\"hollow_active_button\">Check Today's Rates<\/button><\/a>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_column_inner tdi_16  wpb_column vc_column_container tdc-inner-column td-pb-span8\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_16{\r\n                    vertical-align: baseline;\r\n                }.tdi_16 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_16 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_16 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_18 \"><div class=\"td-fix-index\"><h6 class=\"line_title\">PAYMENT BREAKDOWN<\/h6>\n<div id=\"breakdown_inputs\" class=\"main_body_calc section_calc_block\">\n<label class=\"calc_chart_item calc_grid_right\">Principal &amp; Interest<span><b class=\"calc_pebble\" style=\"background: #4637D3;\"><\/b>Per Month<\/span><input type=\"text\" id=\"prop-principal\" data-formula=\"prop-mortgage * (prop-interest \/ 100 \/ 12) * Math.pow(1 + prop-interest \/ 100 \/ 12, 12 * prop-term) \/ (Math.pow(1 + prop-interest \/ 100 \/ 12, 12 * prop-term) - 1)\" value=\"$2,023\" disabled><\/label>\n<label class=\"calc_chart_item\">Homeowner's Insurance<span><b class=\"calc_pebble\" style=\"background: #FEDBD8;\"><\/b>Per Month<\/span><input type=\"text\" id=\"prop-insurance\" value=\"$125\"><\/label>\n<label class=\"calc_chart_item calc_active_label\">Maintenance &amp; HOA<span><b class=\"calc_pebble\" style=\"background: #FFBC42;\"><\/b>Per Month<\/span><input type=\"text\" id=\"prop-hoa\" value=\"$1,012\"><\/label>\n<label class=\"calc_chart_item calc_grid_right\">Mortgage Insurance<span><b class=\"calc_pebble\" style=\"background: #00635D;\"><\/b>Per Month<\/span><input type=\"text\" id=\"prop-mortgage-insurance\" data-formula=\"prop-down >= 20 ? 0 : (prop-price - prop-down-dollar) \/ prop-term * 0.005\" value=\"$0\"><\/label>\n<label class=\"calc_chart_item\">Property Taxes<span><b class=\"calc_pebble\" style=\"background: #90C2E7;\"><\/b>Per Month<\/span><input type=\"text\" id=\"prop-taxes\" value=\"$0\"><\/label>\n<\/div><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_20 \">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_20{\nmargin-bottom:32px !important;\n}\n\n<\/style><div class=\"td-fix-index\"><h6 class=\"line_title\" style=\"margin-bottom: .5rem\">AMORTIZATION<\/h6>\n<div style=\"margin: 0 0 1rem 0;\">Drag the line below along the graph to see how your payments change over time.<\/div>\n<div class=\"amort_chart_wrap\">\n<canvas id=\"amortization_chart\"><\/canvas>\n<p id=\"amort_chart_slider\"><b><\/b><b><\/b><b><\/b><\/p>\n<\/div>\n<div class=\"main_body_calc section_calc_block\">\n  <label class=\"calc_chart_item calc_grid_right\">Mortgage Start Date<input type=\"date\" id=\"prop-mortgage-date\" required>\n  <script>window.jQuery(\"#prop-mortgage-date\").val(new Date().toISOString().split('T')[0]);<\/script>\n  <\/label>\n  <label><p id=\"breakdown_label\" class=\"p_title_14\" style=\"margin:0;\">Breakdown:<\/p><span data-formula=\"prop-term\" data-pattern='0-Year Fixed'><\/span><\/label>\n  <label class=\"calc_chart_item calc_grid_right\">Additional Payment<span>Per Month<\/span><input type=\"text\" id=\"prop-pay-additional\" value=\"$0\"><\/label>\n  <label><b class=\"amort_plan_pebble\" style=\"background-color: #CCE0DF;\"><\/b>Remaining Balance<input type=\"text\" id=\"prop-end-balance\" value=\"$0\" disabled><\/label>\n   <label class=\"calc_chart_item calc_grid_right\">Annual Payment<span>Every <select id=\"prop-annual-payment\"><option value=\"1\">January<\/option>\n<option value=\"2\">February<\/option>\n<option value=\"3\">March<\/option>\n<option value=\"4\">April<\/option>\n<option value=\"5\">May<\/option>\n<option value=\"6\">June<\/option>\n<option value=\"7\">July<\/option>\n<option value=\"8\">August<\/option>\n<option value=\"9\">September<\/option>\n<option value=\"10\">October<\/option>\n<option value=\"11\">November<\/option>\n<option value=\"12\">December<\/option><\/select><\/span><input type=\"text\" id=\"prop-pay-annual\" value=\"$0\"><\/label>\n  <label><b class=\"amort_plan_pebble\" style=\"background-color: #D3E7F6;\"><\/b>Principal Paid<input type=\"text\" id=\"prop-end-principal\" value=\"$0\" disabled><\/label>\n  <label class=\"calc_chart_item calc_grid_right\">One-Time Payment<span>On <input type=\"date\" id=\"prop-date-payment\" placeholder=\"Certain Date\"><\/span><input type=\"text\" id=\"prop-pay-onetime\" value=\"$0\"><\/label>\n  <label><b class=\"amort_plan_pebble\" style=\"background-color: #DAD7F7;\"><\/b>Interest Paid<input type=\"text\" id=\"prop-end-interest\" value=\"$0\" disabled><\/label>\n<\/div>\n<br>\n<br>\n<p id=\"mortgage_end_label\" class=\"p_title_14\">You will pay off your mortgage in ...<\/p>\n<div>Text<\/div><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_22 \"><div class=\"td-fix-index\"><a id=\"amort_table_download\" href=\"#download\">Download as .csv<\/a>\n<p class=\"p_title_14\">Amortization Schedule<\/p>\n<div id=\"amort_table_wrap\">\n<table id=\"amort_table\">\n<thead><tr><th>Month<\/th><th>Date<\/th><th>Payment<\/th><th>Principal<\/th><th>Interest<\/th><th>Balance<\/th><\/tr><\/thead>\n<tbody><\/tbody>\n<\/table>\n<\/div>\n<a id=\"amort_table_expand\" href=\"#expand\" style=\"display: none;\">Expand All<\/a><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_24 \"><div class=\"td-fix-index\"><h2 class=\"line_title\">What Is Amortization?<\/h2>\n<div style = \"margin-top:12px;\">\n<p>Amortization is the process of making payments each month to gradually lower the amount you owe. When you submit your monthly mortgage payment, part of it goes toward interest, and the remainder goes toward your principal balance. Over the loan\u2019s term, the split between principal and interest shifts, where a borrower initially puts most of their payment toward the interest. Toward the end of the loan term, as you owe less and therefore are responsible for less interest, more of your payment then goes to the principal. While the split between principal and interest changes, the actual monthly payment amount does not change.<\/p> \n<p>Our amortization schedule, therefore, depicts the shift in principal and interest. When you input your information into the calculator, you will see the exact amount that you pay toward your principal and interest in a given month on your mortgage. The interactive sliding feature allows you to drag to a specific month or point in time to see the breakdown for that month, which includes your remaining mortgage balance, principal paid, and interest paid.<\/p>\n<p>You can further break down your monthly payment allocation via the amortization schedule below. The schedule describes the distribution between principal and interest for each monthly payment. On a standard 30-year mortgage, borrowers will see that by month 176, or 14 years and eight months after their first payment, more of their payment goes toward the principal. You  can even download this table as a CSV file.<\/p>\n<h4><b>Amortization Formula<\/b><\/h4>\n<p>The amortization formula calculates the payment amount for the month you calculat for, based on the principal amount, interest rate, and total number of payments. Our mortgage calculator automatically completes the below equation to yield your estimated monthly payment.<\/p>\n\t\t\n<div style = \"margin-left: 0; text-align: left\"><img style = \"width: auto; height: 80px;\" src= \"https:\/\/www.realtyhop.com\/mortgage-center\/wp-content\/uploads\/sites\/2\/2022\/08\/amortization-formula.png\"><\/div>\n\n<p>In the above equation, P represents the principal amount, i rerpesents the periodic interest rate, and n represents the total number of payments. Completing the equation above calculates the monthly mortgage payment amount (A).<\/p>\n\n<p>The following is an example of a calculation for a mortgage payment with a mortgage amount of $949,000, the median home purchase price for a New York City property as of July 2022. This example calculates the monthly payment amount for a 30-year mortgage a mortgage with a 5% interest rate. In this example, n equals 360, as that is how many months are in the mortgage.<\/p> \n\n\n<div style = \"margin-left: 0; text-align: left;\"><img style = \"width: auto; height: 80px;\" src = \"https:\/\/www.realtyhop.com\/mortgage-center\/wp-content\/uploads\/sites\/2\/2022\/08\/amortization-example.png\"><\/div>\n\n<p>While the above calculation suggests that a person who purchases this home will pay $3,796 per month, there are several other factors which determine a monthly mortgage payment amount.<\/p>\n<\/div><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_26 \"><div class=\"td-fix-index\"><h2 class=\"line_title\">Other costs that influence your mortgage payment<\/h2>\n<div style = \"margin-top:12px;\">\n<p>In most cases, a mortgage payment consists of five main parts: the principal (purchase price), interest, real estate taxes, homeowner insurance, and HOA fees. Use the mortgage calculator for a list of all the payments and terms associated with monthly mortgage payments.<\/p>\n<h3>Purchase price<\/h3>\n<p>The price of the home you purchase directly influences how much you must pay each month. Your purchase price is the actual amount of the home that you must pay off to have full ownership of your property.<\/p>\n<h3>Interest rate<\/h3>\n<p>The interest is the amount of money your lender makes back from allowing you to borrow with them. Interest rates, therefore, represent the fee you pay the lender. Your mortgage interst rate could be fixed throughout the loan, or it could flucuate based on a bechmark rate, like for an <a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/mortgage-types-explained\/\">adjustable-rate mortgage (ARM)<\/a>. Amortization enables you to target your interest payments first to ensure they do not exponentially grow to an unreachable cost by the end of your mortgage term.<\/p>\n<p>As of 2022, interest rates now reside closer to <a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/mortgage-rates-hit-5-percent\/\">5-6%<\/a>, as opposed to 2-3% homeowners witnessed in years prior. Homebuyers have less purchase power with higher interest rates, as a more significant portion of their monthly payments consists of paying off the interest. There are, however, ways to lower your interest rate.<\/p>\n<h3>Property taxes<\/h3>\n<p>Homeowners must pay their <a href=\"https:\/\/www.realtyhop.com\/blog\/property-taxes-what-are-they-and-what-can-i-expect\/\">property taxes<\/a>, which go toward their municipality. The amount a homeowner will pay in property taxes depends on the assessed value and the area, as some municipalities charge more for their taxes than others. Taxes then go toward community functions and features like education and improving roads.<\/p>\n<h3>Homeowner insurance<\/h3>\n<p>Most mortgage lenders require that you arrive at your closing with a <a href=\"https:\/\/www.realtyhop.com\/blog\/what-insurance-plans-should-i-get-for-my-home\/\">homeowner\u2019s insurance policy<\/a>. Homeowner\u2019s insurance financially covers you if your property suffers damages. An average New York homeowner spends $100 monthly on their insurance policy.<\/p>\n<h3>HOA fees<\/h3>\n<p>Some homeowners may purchase a property in a community with a Homeowners Association, where members must pay their <a href=\"https:\/\/www.realtyhop.com\/blog\/what-is-an-hoa\/\">HOA fees<\/a>. While in the home searching process, prospective homeowners should ask their agent if the home is part of an HOA. The money paid toward an HOA benefits the community and may cover association insurance, maintenance, and amenities.<\/p>\n<\/div><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_28 \"><div class=\"td-fix-index\"><h2 class=\"line_title\">How to quickly pay off your mortgage<\/h2>\n<div style = \"margin-top:12px;\">\n<p>While making monthly mortgage payments chips away at the amount due on your loan, there are also ways to shorten the amount of time you spend paying off your mortgage. Once you fully satisfy the mortgage requirements, you acquire full property ownership.<\/p>\n<h3>Make larger monthly payments<\/h3>\n<p>While you must pay the amount of your monthly mortgage payment, you can exceed that payment and contribute more toward your loan. Over time, you will owe less on your property than initially reflected on your mortgage, and you may satisfy the total amount before the end of the mortgage term.<\/p>\n<p>You can also make additional payments on top of your monthly mortgage payment. You could make extra payments to decrease your balance if you receive extra income through work-related bonuses, secondary jobs, etc.<\/p>\n<h3>Recast your mortgage<\/h3>\n<p>If you receive an inheritance or another large sum of money, you can pay off a substantial portion of your mortgage at once. When you recast your mortgage, you do not decrease the actual term length of your loan, instead amortizing the amount faster and lowering your monthly payments.<\/p>\n<p>However, you can then exceed those monthly payments, perhaps paying the same amount you were used to before recasting, and then quickly pay off the remainder of the mortgage.<\/p>\n<h3>Select a shorter mortgage term<\/h3>\n<p>While most homeowners select a standard 30-year mortgage, some lenders provide the opportunity to take out a loan with a shorter term, usually 15 or 20 years. This shorter term means you will spend more money each month on your mortgage payments but will spend less time paying off the mortgage and therefore acquire full ownership of the home in a shorter period.<\/p>\n<h3>Refinance your mortgage<\/h3>\n<p>Refinancing allows you to revisit your mortgage terms and take out a new mortgage that best fits your needs. When you refinance, you could decide to start a new 30-year mortgage term, reducing your monthly payment amount but increasing the amount of time it takes to satisfy your mortgage. You, of course, could shorten your loan term to repay the loan quickly. However, keep in mind that when you refinance your mortgage, you are essentially replacing it with a new mortgage, and you will have to pay closing costs for the new one to cover lender\u2019s fees, appraisal fee, etc.<\/p>\n<p>Make a larger down payment\nHomebuyers must spend at least 3% of the purchase price toward the down payment, which goes toward the home's purchase price. Some homeowners may spend 3% or 5% toward their down payment, while many homebuyers put 20% down. However, you can put more than 20%, and the more you put toward the down payment, the less you must pay off with a mortgage. Lowering your monthly mortgage payment can pay off the mortgage quickly, as you can exceed your monthly payment amount.<\/p>\n<\/div><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_30 \"><div class=\"td-fix-index\"><h2 class=\"line_title\">Frequently Asked Questions about Mortgage Payments<\/h2>\n<div>\n<h3>How do I determine how much home I can afford?<\/h3>\n<p>When determining how much you can afford to spend on a home, use the mortgage calculator to understand your total expected monthly expenses. Knowing how much you will pay toward your principal and interest will help paint a picture of your financial situation. Still, you must consider the above-mentioned factors like homeowner\u2019s insurance, property taxes, etc.<\/p>\n<p>As a general rule of thumb, your mortgage payment should not exceed 28% of your monthly gross income or 36% of your total debt. Consider the following example, where you make $4,000 a month pre-tax and your monthly debt, which includes an auto loan and insurance, is $300. Based on the 28\/36 rule, you can afford a home that would cost you $1,120 per month.<\/p>\n<p>Your debt-to-income ratio (<a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/debt-to-income-dti-for-a-mortgage\/\">DTI<\/a>) will then be 35.5%, as ($300+1120)\/$4,000 = 35.5%.<\/p>\n<p>While our mortgage calculator will automatically complete some of these calculations for you based on our information, you also can modify those amounts based on quotes you receive from providers. Note that the calculator does not automatically input property tax or HOA fee amounts.<\/p>\n<p>Once you develop your budget for your monthly mortgage payment, you should also consider the amount you will have to pay for the <a href=\"https:\/\/www.realtyhop.com\/blog\/10-hidden-costs-of-owning-a-home\/\">hidden costs<\/a> associated with owning property.<\/p>\n<h3>Does earnest money affect my monthly payments?<\/h3>\n<p>Many homebuyers submit an offer to the seller with a good faith deposit, also referred to as earnest money. Should the sale fall through at that point, the seller keeps the earnest money. If the deal closes,  the earnest money goes toward the down payment.<\/p>\n<p>The earnest money lives in an escrow account, where the buyer and seller cannot access the funds until the sale falls through or closes. At this point, the money goes toward the appropriate recipient.<\/p>\n<p>Homebuyers do not make sizeable good faith deposits, so giving a larger deposit will not drastically affect your monthly mortgage payments. However, making a large down payment will reduce the amount you owe each month on your mortgage, giving you the flexibility to make higher payments that pay off your mortgage quickly.<\/p>\n<h3>What are the different kinds of mortgages?<\/h3>\n<p>Homebuyers can utilize different varieties of loans to finance their home. Many homebuyers use <a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/what-is-a-conventional-loan\/\">conventional mortgages<\/a> that are funded through private lenders and not through the government. Conventional mortgages are typically less expensive than government-backed mortgages, but homebuyers must meet stricter requirements to qualify. Additionally, lenders prefer that homebuyers put 20% toward their down payment and require that those who put down less acquire private mortgage insurance (<a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/what-is-pmi-or-private-mortgage-insurance\/\">PMI<\/a>). Borrowers can use a private lender or one of two government-insured agencies, <a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/fannie-mae-and-freddie-mac\/\">Fannie Mae or Freddie Mac<\/a>, to obtain a conventional mortgage.<\/p> \n<p>Government-backed loans are also a popular option for homeowners who may not qualify for conventional mortgages. Three federal agencies insure mortgages, including the FederalFederal Housing Administration (<a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/fha-loans\/\">FHA<\/a>), the U.S. Department of Agriculture (<a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/what-is-a-usda-loan\/\">USDA<\/a>), and the Department of Veterans Affairs (<a href=\"https:\/\/www.realtyhop.com\/mortgage-center\/va-loans\/\">VA<\/a>). Each mortgage has different requirements, like a borrower who seeks a USDA loan must purchase a home in a rural area. Potential borrowers should review the various conditions and find a private lender who provides that type of mortgage.<\/p>\n<p>Those looking to finance a home but who seek a lower interest rate can consider an adjustable rate mortgage (<a href=\"https:\/\/www.rocketmortgage.com\/learn\/adjustable-rate-mortgage\">ARM<\/a>). With this type of mortgage, the interest rate adjusts based on current market value, where homeowners typically start with a lower interest rate that increases as the term progresses. Homeowners have a several year-long period at the start of the loan with a fixed, low interest rate, that then becomes subject to fluctuation when the adjustment period begins. Homeowners who choose this kind of mortgage should exercise caution and know that they may need to adjust their budgets down the line.<\/p>\n<p>Homebuyers can also finance their purchase with a jumbo loan if they purchase a home where they require coverage that exceeds the conventional conforming loan amount. Since borrowers receive more funding through a <a href = \"https:\/\/www.realtyhop.com\/mortgage-center\/jumbo-loans\/\">jumbo loan<\/a>, they must meet more stringent requirements. Jumbo loans are non-conforming loans which still categorize as conventional loans.<\/p> \n<\/div><\/div><\/div><div class=\"td_block_wrap td_block_raw_css tdi_31 td-pb-border-top td_block_template_10\"  data-td-block-uid=\"tdi_31\" ><div id=tdi_31 class=\"td_block_inner td-fix-index\"><style>#payment_chart_parent {\n  position: relative;\n  width: 66.66%;\n  max-width: 13rem;\n  max-height: 13rem;\n  margin: 0 auto;\n}\n#payment_chart_parent:before {\n  content: '';\n  display: block;\n  padding-top: 100%;\n}\n#payment_chart {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n#payment_chart_label {\n  position: absolute;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  left: 0;\n  top: 0;\n  text-align: center;\n  pointer-events: none;\n  justify-content: center;\n  flex-flow: column;\n}\n#payment_chart_label p {\n  margin: 0 0 0.25rem 0;\n  font-size: 1.5em;\n  font-weight: bold;\n  color: #444;\n  text-shadow: 0 0 4px #fff;\n  line-height: 1em;\n}\n#payment_chart_label span {\n  font-size: 0.875em;\n  color: #B5B5B5;\n  line-height: 1em;\n}\n.mortgage_calc {\n  max-width: 24rem;\n  margin: 0 auto;\n  padding: 1.5rem 1rem;\n  border-radius: 4px;\n  background: #F4F3F3;\n}\n.section_calc_block {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  font-size: .875rem;\n}\n.section_calc_block label {\n  display: block;\n  width: 100%;\n  margin: 1rem 0 0 0;\n  line-height: 1.7rem;\n}\n.section_calc_block input {\n  display: block;\n  width: 9rem;\n  max-width: 50%;\n  height: 1.75rem;\n  margin: 0 0 0 .5rem;\n  padding: 0 .5rem;\n  border: 1px solid #EBE9E9;\n  border-radius: 2px;\n  background: 0 0;\n  font-size: inherit;\n  font-weight: 700;\n  text-align: right;\n  line-height: 1.75rem;\n  color: #444;\n  float: right;\n}\n#breakdown_inputs input {\n  width: 7.5rem;\n}\n.section_calc_block input[disabled] {\n  border: none !important;\n  background: none;\n  color: #444;\n  -webkit-text-fill-color: #444;\n  opacity: 1;\n}\n.section_calc_block input[type=date] {\n  display: grid;\n  grid-template-columns: 65% 0%;\n  padding-right: 0;\n  background: url('data:image\/svg+xml,<svg height=\"512\" viewBox=\"0 0 24 24\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"%23444\" d=\"M21 3h-1V1c0-.6-.4-1-1-1h-1a1 1 0 00-1 1v2H7V1c0-.6-.4-1-1-1H5a1 1 0 00-1 1v2H3a3 3 0 00-3 3v15a3 3 0 003 3h18a3 3 0 003-3V6a3 3 0 00-3-3zm1 18c0 .6-.4 1-1 1H3a1 1 0 01-1-1V10h20z\"\/><\/svg>') no-repeat 96% center;\n  background-size: auto .875rem;\n  white-space: nowrap;\n  text-align: left;\n}\n.section_calc_block input[type=date]::-webkit-inner-spin-button,\n.section_calc_block input[type=date]::-webkit-calendar-picker-indicator {\n  opacity: 0;\n}\n.section_calc_block label span {\n  position: absolute;\n  display: block;\n  font-size: 0.857em;\n  font-weight: normal;\n  color: #9E9E9E;\n  line-height: 0.75em;\n}\n.section_calc_block .calc_pebble {\n  display: inline-block;\n  width: 0.5rem;\n  height: 0.5rem;\n  margin: 0 0.375rem 0 0;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  vertical-align: baseline;\n}\n.main_body_calc {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: .875rem 2rem;\n}\n.hollow_active_button {\n  display: block;\n  width: 80%;\n  height: 2.25rem;\n  margin: 2rem auto 0;\n  padding: 0;\n  border: 2px solid #c2291f;\n  border-radius: .5rem!important;\n  background: 0 0;\n  font-size: 1rem;\n  font-weight: 700;\n  color: #c2291f;\n}\n#amortization_chart {\n  display: block;\n  width: 100%;\n  min-height: 100px;\n}\n#amort_table tr {\n  line-height: 1.5rem;\n}\n#amort_table td,\n#amort_table th {\n  box-sizing: border-box;\n  padding: .46875rem .5rem;\n  border: none;\n  border-bottom: 1px solid #F4F3F3;\n  font-weight: normal;\n  text-align: right;\n}\n#amort_table th {\n  border-bottom: 2px solid #F4F3F3;\n  border-top: 2px solid #F4F3F3;\n}\n#amort_table td:first-child,\n#amort_table th:first-child {\n  text-align: center;\n}\n#amort_table td:nth-child(2),\n#amort_table th:nth-child(2) {\n  text-align: left;\n}\n#amort_table .tr_year_results td {\n  background: #F4F3F3;\n  font-weight: bold;\n  text-align: right;\n  color: #444;\n}\n#amort_table .tr_year_results td:first-child {\n  padding-left: .75rem;\n  text-align: left;\n}\n.line_title,\n.p_title_14 {\n  font-family: inherit;\n  font-weight: bold;\n  color: #444;\n}\n.line_title {\n  display: flex;\n  margin: 0;\n}\n.line_title:after {\n  content: '';\n  display: block;\n  margin-left: 1rem;\n  height: 4px;\n  flex-grow: 1;\n  flex-shrink: 1;\n  align-self: center;\n  background: #F4F3F3;\n}\n.p_title_14 {\n  margin: 0 0 .75rem 0;\n  font-size: .875rem;\n}\n.amort_chart_wrap {\n  position: relative;\n}\n#amort_chart_slider {\n  position: absolute;\n  box-sizing: content-box;\n  width: 2px;\n  height: 100%;\n  top: 13.2px;\n  left: 0;\n  margin: -0.5rem 0 0 -1px;\n  padding: 0 0 1rem 0;\n  background: #444;\n  z-index: 1;\n  cursor: col-resize;\n}\n#amort_chart_slider:before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 1rem;\n  height: 100%;\n  left: -0.5rem;\n  top: 0;\n}\n#amort_chart_slider b {\n  display: block;\n  position: absolute;\n  width: .5rem;\n  height: .5rem;\n  margin-left: -0.1875rem;\n  top: 0.3125rem;\n  border: none;\n  border-radius: 50%;\n  background: #444;\n  pointer-events: none;\n}\n.amort_plan_pebble {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  margin: 0 .375rem .125rem 0;\n  border: none;\n  border-radius: 50%;\n  background: grey;\n  vertical-align: middle;\n}\n#prop-date-payment {\n  display: inline-grid;\n  box-sizing: content-box;\n  grid-template-columns: 65% 0%;\n  border: none;\n  width: auto;\n  height: auto;\n  padding: 0 1rem 0 0;\n  font-size: inherit;\n  font-weight: inherit;\n  text-align: left;\n  line-height: 1rem;\n  color: inherit;\n  vertical-align: baseline;\n  float: initial;\n}\n#amort_table_wrap {\n  position: relative;\n  height: auto;\n  overflow: hidden;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n#amort_table_wrap.expanded {\n  height: auto !important;\n}\n#amort_table_expand {\n  display: block;\n  margin: .5rem 0 0 0;\n  color: #0041FF;\n}\n#amort_table_download {\n  float: right;\n  color: #0041FF;\n}\n@media only screen and (max-width: 767px) {\n  .vc_row_inner.tdi_8 {\n    flex-direction: column !important;\n  }\n  .main_body_calc {\n    grid-template-columns: 1fr !important;\n  }\n}\n<\/style><\/div><\/div><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_33 \"><div class=\"td-fix-index\"><script>\nwindow.$ = window.jQuery || window.$;\nfunction _amortChart() {\nvar chart, table = [];\nvar selectedMonth = 0;\nvar planStartDate = new Date();\nvar additional = {};\nvar localUpdate = false;\nvar updateTimeout;\nwindow.onDataUpdate = window.onDataUpdate || [];\nwindow.onDataUpdate.push(function() {\n  chart.data = setData();\n  chart.update(localUpdate ? 'normal' : 'none');\n  localUpdate = false;\n});\nvar years = 30;\nvar $m = new Intl.NumberFormat('en-US', {\n  style: 'currency',\n  currency: 'USD',\n  minimumFractionDigits: 0,\n  maximumFractionDigits: 2,\n});\nfunction setData() {\nyears = parseInt($(\"#prop-term\").val() || 30);\nvar newTable = extrapolatePayments(parseInt($(\"#prop-mortgage\").val().replace(\/\\D\/g, '')), parseFloat($(\"#prop-interest\").val()) \/ 100, years, additional);\nif (newTable.length != table.length || JSON.stringify(newTable[0]) !== JSON.stringify(table[0])) { localUpdate = true; }\ntable = newTable;\nif (chart) {\n  chart.options.scales.x.max = table.length;\n}\nvar data = {\n  labels: table.map((a, i) => i + 1),\n  datasets: [\n    {\n      label: 'Remaining Balance',\n      data: table.map((a) => a.balanceEnd),\n      borderWidth: 0,\n      fill: true,\n      backgroundColor: 'rgba(0, 99, 93, .2)',\n      showLine: false,\n      spanGaps: true,\n    },\n    {\n      label: 'Principal Paid',\n      data: table.map((a) => a.principalPaid),\n      borderWidth: 0,\n      fill: true,\n      backgroundColor: 'rgba(144, 194, 231, .41)',\n      showLine: false,\n      spanGaps: true,\n    },\n    {\n      label: 'Interest Paid',\n      data: table.map((a) => a.interestPaid),\n      borderWidth: 0,\n      fill: true,\n      backgroundColor: 'rgba(70, 55, 211, .2)',\n      showLine: false,\n      spanGaps: true,\n    }\n  ],\n};\n\nvar amortTable = document.getElementById(\"amort_table\");\nvar lastYear = -1;\nvar perYearStats = {};\namortTable.tBodies[0].innerHTML = '';\ntable.forEach(function(item, index) {\n    var today = new Date(+planStartDate);\n    var date = new Date(today.setMonth(today.getMonth()+index));\n    var year = date.getFullYear();\n    if (lastYear !== -1 && lastYear !== year && perYearStats[lastYear] != null) {\n        var tr = document.createElement('tr');\n        tr.className = \"tr_year_results\";\n        tr.innerHTML = `<td colspan=\"2\">Total as of ${lastYear}<\/td><td>${$m.format(perYearStats[lastYear].payment)}<\/td><td>${$m.format(perYearStats[lastYear].principal)}<\/td><td>${$m.format(perYearStats[lastYear].interest)}<\/td><td><\/td>`;\n        amortTable.tBodies[0].appendChild(tr);\n    }\n    lastYear = year;\n    perYearStats[year] = perYearStats[year] || { payment: 0, principal: 0, interest: 0 };\n   perYearStats[year].payment += item.payment;\n   perYearStats[year].principal += item.principal;\n   perYearStats[year].interest += item.interest;\n    var tr = document.createElement('tr');\n    var dateStr = date.toLocaleDateString(\"en-US\", { weekday: undefined, year: 'numeric', month: 'short', day: undefined }).split(' ').join(', ');\n    tr.innerHTML = `<td>${index + 1}<\/td><td>${dateStr}<\/td><td>${$m.format(item.payment)}<\/td><td>${$m.format(item.principal)}<\/td><td>${$m.format(item.interest)}<\/td><td>${$m.format(item.balanceEnd)}<\/td>`;\n    amortTable.tBodies[0].appendChild(tr);\n});\n\n$(\"#mortgage_end_label\").text(\"You will pay off your mortgage in \" + getDateByMonth(table.length - 1));\n\nreturn data;\n}\nChart.defaults.font.size = 12;\nchart = new Chart($(\"#amortization_chart\"), {\n  type: 'line',\n  data: setData(),\n  options: {\n    plugins: {\n      tooltip: { enabled: false },\n      legend: { display: false }\n    },\n    layout: {\n      padding: { left: 0, top: 0, right: 12, bottom: 4 },\n    },\n    responsive: true,\n    aspectRatio: 2.33,\n    scales: {\n      y: {\n        grid: {\n          color: '#B5B5B5',\n          borderWidth: 0,\n        },\n        title: {\n          display: false,\n          text: ' ',\n          padding: 16,\n        },\n        ticks: {\n          display: true,\n          padding: 6,\n          min: 0,\n          maxTicksLimit: 8,\n          autoSkip: true,\n          color: '#B5B5B5',\n          callback: (val) => prepareCurrency(val),\n        },\n      },\n      x: {\n        type: 'linear',\n        grid: { drawOnChartArea: false },\n        title: {\n          display: true,\n          text: 'Months',\n          color: '#B5B5B5',\n        },\n        min: 1,\n        max: years * 12,\n        ticks: {\n          callback: (val) => Math.floor(val),\n          maxTicksLimit: 3,\n          count: 3,\n          color: '#B5B5B5',\n        },\n      }\n    },\n    elements: {\n      point: {\n        radius: 0\n      },\n    }\n  }\n});\nvar slider = $(\"#amort_chart_slider\");\nvar startX = 0, sliderX = 0;\nfunction onSliderDrag(event) {\n  event.preventDefault();\n  var movedX = event.clientX - startX;\n  var res = Math.min(Math.max(0, sliderX + movedX), chart.chartArea.width);\n  slider.css(\"left\", res + \"px\");\n  selectedMonth = Math.floor(res \/ chart.chartArea.width * (table.length - 1) + 0.99);\n  updateBreakdown(true);\n}\nfunction onSliderRelease(event) {\n  var movedX = event.clientX - startX;\n  const finalX = Math.min(Math.max(0, sliderX + movedX), chart.chartArea.width);\n  selectedMonth = Math.floor(finalX \/ chart.chartArea.width * (table.length - 1) + 0.99);\n  updateBreakdown();\n  $(window).off(\"mousemove\", onSliderDrag);\n  $(window).off(\"mouseup\", onSliderRelease);\n}\nslider.on(\"mousedown\", function(e) {\n  e.preventDefault();\n  startX = e.clientX;\n  $(window).on(\"mousemove\", onSliderDrag);\n  $(window).on(\"mouseup\", onSliderRelease);\n});\nslider.css(\"margin-left\", chart.chartArea.left + 'px');\nslider.css(\"top\", chart.chartArea.top + 'px');\nslider.css(\"height\", chart.chartArea.height + 'px');\nwindow.onDataUpdate.push(function() {\n  slider.css(\"margin-left\", chart.chartArea.left + 'px');\n  slider.css(\"top\", chart.chartArea.top + 'px');\n  slider.css(\"height\", chart.chartArea.height + 'px');\n  sliderX = Math.min(sliderX, chart.chartArea.width);\n});\n\nfunction updateBreakdown(isInstant) {\n  if (!isInstant) {\n  if (selectedMonth > table.length - 1) {\n    selectedMonth = table.length - 1;\n  }\n  sliderX = Math.floor(selectedMonth \/ (table.length - 1) * chart.chartArea.width);\n    slider.css(\"left\", sliderX + \"px\");\n  }\n  const month = table[selectedMonth];\n  if (month == null) {\n  return;\n}\n  [month.balanceEnd, month.principalPaid, month.interestPaid].forEach(function(elem, index) {\n    var y = (chart.scales.y.end - elem) \/ chart.scales.y.end;\n    $($(slider).find(\"b\")[index]).css('margin-top',  y * chart.chartArea.height + 'px');\n  });\n  $(\"#prop-end-balance\").val($m.format(month.balanceEnd));\n  $(\"#prop-end-principal\").val($m.format(month.principalPaid));\n  $(\"#prop-end-interest\").val($m.format(month.interestPaid));\n   var dateStr = getDateByMonth(selectedMonth);\n  $(\"#breakdown_label\").text(\"Breakdown as of \" + dateStr + \":\");\n}\nupdateBreakdown();\nwindow.onDataUpdate.push(updateBreakdown);\n\n$(\"#prop-mortgage-date\").change(function() {\n  planStartDate = new Date($(this).val());\n  didUpdate();\n});\n\n$(\"#prop-pay-additional\").on('input', function() {\n  additional.monthly = +$(this).val().replace(\/[^0-9.]\/g, '');\n  didUpdate();\n});\n\n$(\"#prop-pay-annual\").on('input', function() {\n  additional.annually = +$(this).val().replace(\/[^0-9.]\/g, '');\n  additional.annuallyMonth = +$(\"#prop-annual-payment\").val();\n  didUpdate();\n});\n\n$(\"#prop-annual-payment\").change(function() {\n  additional.annuallyMonth = +$(this).val();\n  didUpdate();\n});\n\n$(\"#prop-pay-onetime\").on('input', function() {\n  additional.oneTime = +$(this).val().replace(\/[^0-9.]\/g, '');\n  if (!$(\"#prop-date-payment\").val()) {\n    $(\"#prop-date-payment\").val(new Date().toISOString().split('T')[0]);\n  }\n  additional.oneTimeDate = new Date($(\"#prop-date-payment\").val());\n  didUpdate();\n});\n\n$(\"#prop-date-payment\").change(function() {\n  additional.oneTimeDate = new Date($(this).val());\n  didUpdate();\n});\n\nfunction didUpdate() {\n  clearTimeout(updateTimeout);\n  updateTimeout = setTimeout(function() {\n  localUpdate = true;\nwindow.onDataUpdate.forEach(function(func) { func() });\n  setupTableExpand();\n}, 500);\n}\n\nvar isExpanded = true;\nfunction setupTableExpand() {\n  if ($(\"#amort_table tbody tr\").length < 14) {\n    $(\"#amort_table_wrap\").css(\"height\", \"\");\n    $(\"#amort_table_expand\").css(\"display\", \"none\").text(\"Hide All\");\n    isExpanded = true;\n \n$(\"#amort_table_wrap\").addClass(\"expanded\");\n    return;\n  }\n  var row = $(\"#amort_table tbody tr\")[12];\n  $(\"#amort_table_wrap\").css(\"height\", row.offsetTop + row.offsetHeight + 1);\n  $(\"#amort_table_expand\").css(\"display\", \"block\").text(\"Expand All\");\n  $(\"#amort_table_wrap\").removeClass(\"expanded\");\n  isExpanded = false;\n}\nsetupTableExpand();\n$(\"#amort_table_expand\").click(function(e) {\n  e.preventDefault();\n  isExpanded = !isExpanded;\n  if (isExpanded) {\n    $(\"#amort_table_wrap\").addClass(\"expanded\");\n  $(this).text(\"Hide All\");\n  } else {\n  $(this).text(\"Expand All\");\n  var table = $(\"#amort_table\")[0];\n  var scrollY = this.getBoundingClientRect().top;\n  $(\"#amort_table_wrap\").removeClass(\"expanded\");\n  if (table.offsetHeight > window.innerHeight) {\n      window.scrollTo(0, window.scrollY - (scrollY - this.getBoundingClientRect().top));\n    }\n  }\n  return false;\n});\n\n$(\"#amort_table_download\").click(function(e) {\n  e.preventDefault();\n  download_table_as_csv(\"amort_table\");\n  return false;\n});\n\nfunction download_table_as_csv(table_id) {\n    var separator = \",\";\n    \/\/ Select rows from table_id\n    var rows = document.querySelectorAll('#' + table_id + ' tr');\n    \/\/ Construct csv\n    var csv = [];\n    for (var i = 0; i < rows.length; i++) {\n        var row = [], cols = rows[i].querySelectorAll('td, th');\n        for (var j = 0; j < cols.length; j++) {\n            if (cols[j].getAttribute(\"colspan\")) { row.push('\" \"'); }\n            var data = cols[j].innerText.replace(\/(\\r\\n|\\n|\\r)\/gm, '').replace(\/(\\s\\s)\/gm, ' ');\n            data = data.replace(\/\"\/g, '\"\"');\n            row.push('\"' + data + '\"');\n        }\n        csv.push(row.join(separator));\n    }\n    var csv_string = csv.join('\\n');\n    \/\/ Download it\n    var filename = 'Amortization_Schedule_' + new Date().toLocaleDateString() + '.csv';\n    var link = document.createElement('a');\n    link.style.display = 'none';\n    link.setAttribute('target', '_blank');\n    link.setAttribute('href', 'data:text\/csv;charset=utf-8,' + encodeURIComponent(csv_string));\n    link.setAttribute('download', filename);\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n}\n\nfunction getDateObjByMonth(month) {\n  var today = new Date(+planStartDate);\n  return new Date(today.setMonth(today.getMonth()+month));\n}\n\nfunction getDateByMonth(month) {\n  return getDateObjByMonth(month).toLocaleDateString(\"en-US\", { weekday: undefined, year: 'numeric', month: 'short', day: undefined }).split(' ').join(', ');\n}\n\nfunction prepareCurrency(val) {\n  var suffix = '';\n  val = Math.floor(val);\n  if (val >= 1e5) {\n    val = Math.floor(val \/ 1e3);\n    suffix = 'K';\n  }\n  return parseInt(val).toLocaleString(\"en-US\",{ style: \"currency\", currency: \"USD\" }).replace('.00', '') + suffix;\n}\n\nfunction extrapolatePayments(principal, rate, term, additional) {\n  additional = additional || {};\n  var monthly = principal * (rate \/ 12) * Math.pow(1 + rate \/ 12, 12 * term) \/ (Math.pow(1 + rate \/ 12, 12 * term) - 1);\n  if (additional.monthly) {\n    monthly += additional.monthly;\n  }\n  const currentMonth = planStartDate.getMonth();\n  var endBalance = principal;\n  var principalPaid = 0;\n  var interestPaid = 0;\n  var arr = [];\n  for (var i = 0; i < term * 12; i++) {\n    var interest = endBalance * rate \/ 12;\n    var addMonthly = 0;\n    if (additional.annually && additional.annuallyMonth == ((currentMonth + i) % 12) + 1) {\n      addMonthly += additional.annually;\n    }\n    if (additional.oneTime && additional.oneTimeDate) {\n      if (additional.oneTimeDate.toISOString().split('-').slice(0, 2).join('-') === getDateObjByMonth(i).toISOString().split('-').slice(0, 2).join('-')) {\n        addMonthly += additional.oneTime;\n      }\n    }\n    var obj = {\n      balanceStart: endBalance,\n      payment: monthly + addMonthly,\n      principal: monthly + addMonthly - interest,\n      interest: interest,\n      balanceEnd: 0,\n      percent: interest \/ (monthly + addMonthly),\n    };\n\n    principalPaid += obj.principal;\n    obj.principalPaid = principalPaid;\n    \n    interestPaid += obj.interest;\n    obj.interestPaid = interestPaid;\n\n    endBalance = Math.round((endBalance - obj.principal) * 100) \/ 100;\n    if (endBalance < 0) {\n      endBalance = 0;\n    }\n    obj.balanceEnd = endBalance;\n    arr.push(obj);\n  if (endBalance <= 0) { break; }\n  }\n  return arr;\n}\n}\nwindow.onChartAvailable = window.onChartAvailable || [];\nwindow.onChartAvailable.push(_amortChart);\n\nvar chart;\n(function() {\n  function refCount(elem) { return $(elem).attr(\"data-formula\").match(\/\\w+-(\\w+-?){1,}\/g).map((a) => (($(\"#\" + a).attr(\"data-formula\") || \"\").match(\/\\w+-(\\w+-?){1,}\/g) || [1]).length).reduce((a, b) => a + b, 0); }\n  \/\/ Cap analysis calc\n  $(\".section_calc_block input[type='text']:not([disabled])\").on('input', function(e) {\n    var strVal = $(this).val(),\n        val = getNum(strVal, $(this).attr('data-min'), $(this).attr('data-max')),\n        pattern = $(this).attr(\"data-pattern\"),\n        newVal = formatVal(val, pattern),\n        setCaret = null;\n    $(this).addClass(\"calc_user_edited\");\n    if (pattern == null || (e.originalEvent.inputType != \"deleteContentBackward\" && e.originalEvent.data != '.')) {\n      $(this).val(newVal);\n      if (!\/\\d\/.test(newVal[newVal.length - 1])) {\n        setCaret = newVal.length - 1;\n      }\n      if (setCaret != null) {\n        try {\n          $(this)[0].setSelectionRange(setCaret, setCaret);\n        } catch (_) {}\n      }\n    }\n    $(\"[data-formula]:not(.calc_user_edited)\").sort((a, b) => refCount(a) - refCount(b)).each(function() {\n      var formula = $(this).attr('data-formula'),\n          run = formula.replace(\/([a-z_]+-)+[a-z_]*\/ig, function(a) { return getNum($(\"#\" + a).val()); }); \/\/ .replace(\/[^0-9.+*\/)(-]\/g, ''),\n          res = eval(run);\n      if (isNaN(res) || !isFinite(res)) {\n        res = 0;\n      }\n      var text = formatVal(res, $(this).attr(\"data-pattern\"));\n      if ($(this).is(\"input\")) {\n        $(this).val(text);\n      } else {\n        $(this).text(text);\n      }\n    });\n    if (window.updateChart) {\n      updateChart('none');\n    }\n  });\n\n  $(\"#prop-price\").trigger('input')\n\n  $(\".section_calc_block > label\").on(\"mouseover\", function() {\n    var block = $(this).closest(\".section_calc_block\");\n    if (block.is(\".calc_active_hover\")) {\n      block.removeClass(\"calc_active_hover\");\n      block.find(\".calc_active_label\").removeClass(\"calc_active_label\");\n    }\n  });\n  function formatVal(val, pattern) {\n    if (!pattern) {\n      return formatCurrency(val);\n    }\n    if (pattern.indexOf('.') == -1) {\n      return pattern.replace(\/[0-9,.]+\/, function(a) {\n        var res = Math.round(val);\n        if (pattern.indexOf(',') >= 0) {\n          res = formatCurrency(res).slice(1);\n        }\n        return res;\n      });\n    }\n    return pattern.replace(\/[0-9.,]+\/, function(a) { return val.toFixed(a.indexOf('.') == -1 ? 0 : a.length - 2).replace(\/\\.00(\\d*)$\/, ''); });\n  }\n  function formatCurrency(num) {\n    if (isNaN(num)) {\n      return \"$0\";\n    }\n    return ('$' + num.toFixed(2).replace(\/\\d(?=(\\d{3})+\\.)\/g, '$&,')).replace('.00', '').replace('$-', '\u2013$');\n  }\n  function getNum(str, min, max) {\n    var val = parseFloat(('' + (str || '')).replace(\/[^0-9.]\/g, ''));\n    if (isNaN(val)) {\n      val = 0;\n    } else if (!isNaN(min) && val < min) {\n      val = +min;\n    } else if (!isNaN(max) && val > max) {\n      val = +max;\n    } else if (val >= 1e9) {\n      val = 1e9;\n    }\n    return val;\n  }\n})();\n\n\n  $(function() {\n\n    $('body').on(\"click\", \".inquiry_form button\", function() {\n      var form = $(this).closest('form');\n      if (form[0].checkValidity && !form[0].checkValidity()) {\n        form[0].reportValidity();\n        return false;\n      }\n      Messages.send_building_inquiry_web(form.attr('id'));\n      return false;\n    });\n  \n  });\n\nfunction onChartReady() {\n  var activeHover;\n  const onHover = function(e, selections, data) {\n    var sign = selections.map(function(a) { return a.index; }).join('-') || null;\n    if (selections.length == 0 && activeHover != null) {\n      $(\".section_calc_block\").removeClass(\"calc_active_hover\");\n      $(\".section_calc_block .calc_active_label\").removeClass(\"calc_active_label\");\n      activeHover = null;\n    } else if (selections.length > 0 && activeHover != sign) {\n      $(\".section_calc_block .calc_active_label\").removeClass(\"calc_active_label\");\n      for (var i = 0; i < selections.length; i++) {\n        var id = data.legend.legendItems[selections[i].index].text;\n        $(\"#\" + id).parent().addClass(\"calc_active_label\");\n      }\n      $(this).closest(\".section_calc_block\").addClass(\"calc_active_hover\");\n      activeHover = sign;\n    }\n  };\n  chart = new Chart($(\"#payment_chart\")[0], { type: 'doughnut', responsive: true, options: { onHover: onHover, plugins: { tooltip: { enabled: false }, legend: { display: false } } } });\n  updateChart();\n  if (window.onChartAvailable) {\nwindow.onChartAvailable.forEach(function(func) {\n  func();\n});\n  }\n}\n\nvar updateTimeout;\nfunction updateChart(mode) {\n  if (chart == null) {\n    return;\n  }\n  chart.data.labels = [];\n  chart.data.datasets = [{data:[], backgroundColor: [], borderWidth: 1}];\n  chart.data.datasets[0].cutout = parseFloat(getComputedStyle(document.body).fontSize) * 3.75;\n  var data = [];\n  $(\"#breakdown_inputs .calc_chart_item\").each(function() {\n    var id = $(this).find(\"input\").attr(\"id\"),\n        pebble = $(this).find(\".calc_pebble\"),\n        value = +$(this).find(\"input\").val().replace(\/[^0-9.]\/g, '');\n    data.push({\n      title: id,\n      value: value,\n      color: $(pebble).css(\"background-color\")\n    });\n  });\n  data.sort(function(a, b) { return b.value - a.value; });\n  for (var i = 0; i < data.length; i++) {\n    chart.data.labels.push(data[i].title);\n    chart.data.datasets[0].data.push(data[i].value);\n    chart.data.datasets[0].backgroundColor.push(data[i].color);\n  }\n  chart.update(mode);\n  if (window.onDataUpdate) {\n  clearTimeout(updateTimeout);\n  updateTimeout = setTimeout(function() {\nwindow.onDataUpdate.forEach(function(func) {\n  func();\n});\n}, 500);\n  }\n}\n<\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.2.0\/chart.min.js\" onload=\"onChartReady();\"><\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"class_list":["post-437","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mortgage Payment Calculator - RealtyHop Mortgage Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mortgage Payment Calculator - RealtyHop Mortgage Center\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"RealtyHop Mortgage Center\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-26T21:52:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"32 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/payment-calculator\\\/\",\"url\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/payment-calculator\\\/\",\"name\":\"Mortgage Payment Calculator - RealtyHop Mortgage Center\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/#website\"},\"datePublished\":\"2021-08-31T13:23:46+00:00\",\"dateModified\":\"2022-08-26T21:52:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/payment-calculator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/payment-calculator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/payment-calculator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mortgage Payment Calculator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/#website\",\"url\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/\",\"name\":\"RealtyHop Mortgage Center\",\"description\":\"RealtyHop Mortgage Center\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.realtyhop.com\\\/mortgage-center\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mortgage Payment Calculator - RealtyHop Mortgage Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/","og_locale":"en_US","og_type":"article","og_title":"Mortgage Payment Calculator - RealtyHop Mortgage Center","og_url":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/","og_site_name":"RealtyHop Mortgage Center","article_modified_time":"2022-08-26T21:52:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"32 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/","url":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/","name":"Mortgage Payment Calculator - RealtyHop Mortgage Center","isPartOf":{"@id":"https:\/\/www.realtyhop.com\/mortgage-center\/#website"},"datePublished":"2021-08-31T13:23:46+00:00","dateModified":"2022-08-26T21:52:32+00:00","breadcrumb":{"@id":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.realtyhop.com\/mortgage-center\/payment-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.realtyhop.com\/mortgage-center\/"},{"@type":"ListItem","position":2,"name":"Mortgage Payment Calculator"}]},{"@type":"WebSite","@id":"https:\/\/www.realtyhop.com\/mortgage-center\/#website","url":"https:\/\/www.realtyhop.com\/mortgage-center\/","name":"RealtyHop Mortgage Center","description":"RealtyHop Mortgage Center","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.realtyhop.com\/mortgage-center\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/pages\/437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/comments?post=437"}],"version-history":[{"count":198,"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/pages\/437\/revisions"}],"predecessor-version":[{"id":1481,"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/pages\/437\/revisions\/1481"}],"wp:attachment":[{"href":"https:\/\/www.realtyhop.com\/mortgage-center\/wp-json\/wp\/v2\/media?parent=437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}