{"id":9633,"date":"2023-07-17T12:22:06","date_gmt":"2023-07-17T12:22:06","guid":{"rendered":"https:\/\/thegenius.co\/wp\/sinace\/live\/?page_id=9633"},"modified":"2023-07-17T13:41:47","modified_gmt":"2023-07-17T13:41:47","slug":"inflation-calculator-2","status":"publish","type":"page","link":"https:\/\/thegenius.co\/wp\/sinace\/live\/inflation-calculator-2\/","title":{"rendered":"Inflation Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9633\" class=\"elementor elementor-9633\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e4934c0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e4934c0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a5b7f7\" data-id=\"9a5b7f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-380465d elementor-widget elementor-widget-sinace_inflation_calculator\" data-id=\"380465d\" data-element_type=\"widget\" data-widget_type=\"sinace_inflation_calculator.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t      <section class=\"inflation-Calculator pt-120 pb-120\">                \n            <div class=\"container\">\n                <div class=\"inflation-calculator__box\" id=\"inflation-calculator\">\n                    <div class=\"row\">\n                        <div class=\"col-xl-7 col-lg-12\">\n                            <div class=\"slider-box\">\n                                <form  action=\"#\">\n                                    <div class=\"main-heading block-title text-left\">\n                                        <h3 class=\"block-title__title w-500\">Inflation Calculator<\/h3>\n                                    <\/div>    \n                                    <div class=\"main-slide\">\n                                        <div class=\"single-inflation-header\">\n                                            <h4>Current Cost<\/h4>\n                                            <input type=\"text\" name=\"inflation-invest\" class=\"form-control\" id=\"inflation-input\" onkeypress=\" onlynumeric(event)\">\n                                        <\/div>\n                                        <div id=\"inflation-principal-slide\" class=\"ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content\">\n                                            <div class=\"ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min\"><\/div>\n                                            <span tabindex=\"0\" class=\"ui-slider-handle ui-corner-all ui-state-default\" style=\"left: 1.80361%;\"><\/span>\n                                        <\/div>\n                                        <div class=\"inflation-counter-value\">\n                                            <span>$<\/span>\n                                            <h6 id=\"inflation-show\"><\/h6>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"main-slide\">\n                                        <div class=\"single-inflation-header\">\n                                            <h4>Time Period<\/h4>\n                                            <input type=\"text\" name=\"inflation-year\" class=\"form-control\" id=\"inflation-year-input\" onkeypress=\" onlynumeric(event)\">\n                                        <\/div>\n                                        <div id=\"inflation-year-slide\" class=\"ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content\">\n                                            <div class=\"ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min\"><\/div>\n                                            <span tabindex=\"0\" class=\"ui-slider-handle ui-corner-all ui-state-default\" style=\"left: 31.0345%;\"><\/span>\n                                        <\/div>\n                                        <div class=\"inflation-counter-value\">\n                                            <h6 id=\"inflation-totalyear-show\"><\/h6>\n                                            <span>Year<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"main-slide\">\n                                        <div class=\"single-inflation-header\">\n                                            <h4>Rate Of Inflation (p.a)<\/h4>\n                                            <input type=\"text\" name=\"inflation-rate\" class=\"form-control\" id=\"rate-of-inflation\"\n                                            onkeypress=\" onlynumeric(event)\">\n                                        <\/div>\n                                        <div id=\"inflation-intrest-slide\" class=\"ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content\">\n                                            <div class=\"ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min\"><\/div>\n                                            <span tabindex=\"0\" class=\"ui-slider-handle ui-corner-all ui-state-default\" style=\"left: 48.7603%;\"><\/span>\n                                        <\/div>\n                                        <div class=\"inflation-counter-value\">\n                                            <h6 id=\"inflation-intrest\"><\/h6>\n                                            <span>%<\/span>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"note\">\n                                        <p><strong>Note:<\/strong><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quam quisque id diam vel quam elementum. Amet mattis vulputate enim nulla aliquet porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Quam quisque id diam vel quam elementum.<\/small><\/p>\n                                    <\/div>\n                                <\/form><!-- form -->\n                            <\/div><!-- slider-box -->\n                        <\/div><!-- col-xl-7 -->\n                        <div class=\"col-xl-5\">\n                            <div class=\"inflation-sinace-calculation\">\n                                <div class=\"inflation-sinace-calculation-content\">\n                                    <p>\n                                      <span>Current Cost<\/span>\n                                      <b>$<i id=\"inflation-amount\"><\/i><\/b>\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"inflation-calculation\">\n                                <div id=\"inflation-chart\" data-highcharts-chart=\"7\"><\/div>\n                                    <div class=\"inflation-calculation-content total-inflation-form\">\n                                        <div class=\"total-inflation-form-calculation\">\n                                            <p>\n                                                <span>Cost Increase<\/span>\n                                                <b>$<i id=\"inflation-cost-increase\"><\/i><\/b>\n                                            <\/p>\n                                            <p>\n                                                <span>Future Cost<\/span>\n                                                <b>$<i id=\"inflation-future-cost-count\"><\/i><\/b>\n                                            <\/p>\n                                            <a href=\"https:\/\/thegenius.co\/wp\/sinace\/live\/contact\/\" target=\"_blank\" rel=\"nofollow\" class=\"inflation-btn\">Apply For Loan<\/a>\n                                        <\/div>\n                                    <\/div><!-- inflation-calculation-content -->\n                            <\/div><!-- inflation-calculation -->\n                        <\/div> <!-- col-xl-5 -->\n                    <\/div><!-- row -->\n                <\/div><!-- inflation-calculator__box -->\n            <\/div>  <!-- container -->\n<\/section>  <!-- calculator -->\n            <script>\n            $ = jQuery;\n          if ($(\"#inflation-calculator\").length) {\n                $(document).ready(function() {\n                \/\/ Prinipal Slider      \n                $(\"#inflation-principal-slide\").slider({\n                    range: \"min\",\n                    min: 500,\n                    max: 2000000,\n                    value: 1000,\n                    step: 500,\n                    slide: function (event, ui) {\n                        $(\"#inflation-show\").text(ui.value);\n                        $('#inflation-input').val(ui.value);\n                        inflationcalculate();\n                    },\n                    change: function(){\n                        inflation_chart_render();\n                    }\n                });\n                $(\"#inflation-show\").text($(\"#inflation-principal-slide\").slider(\"value\"));\n                $('#inflation-input').val($('#inflation-principal-slide').slider('value'));\n                $(\"#inflation-input\").on('keyup',function(event) {\n                    if (event.keyCode === 13) {\n                        inflation_principal_value();\n                    }\n                })\n                $(\"#inflation-input\").blur(function(event) {\n                        inflation_principal_value();\n                })\n                \/\/ totalyear-show Slider\n                $(\"#inflation-year-slide\").slider({\n                    range: \"min\",\n                    min: 1,\n                    max: 30,\n                    step: 1,\n                    value: 5,\n                    slide: function (event, ui) {\n                        $(\"#inflation-totalyear-show\").text(ui.value);\n                        $(\" #inflation-year-input\").val(ui.value)\n                        inflationcalculate();\n                    },\n                    change: function(){\n                        inflation_chart_render();\n                    }\n                });\n                $(\"#inflation-totalyear-show\").text($(\"#inflation-year-slide\").slider(\"value\"));\n                $(' #inflation-year-input').val($('#inflation-year-slide').slider('value'));\n                $(' #inflation-year-input').blur(function(){      \n                    inflation_loan_year_value()\n                })\n                $(\" #inflation-year-input\").on('keyup',function(event) {\n                    if (event.keyCode === 13) {\n                        inflation_loan_year_value();\n                    }\n                })\n              \/\/ target-amount-inflation-rate\n               $(\"#inflation-year-slide\").slider({\n                    range: \"min\",\n                    min: 1,\n                    max: 30,\n                    step: 1,\n                    value: 5,\n                    slide: function (event, ui) {\n                        $(\"#inflation-totalyear-show\").text(ui.value);\n                        $(\" #inflation-year-input\").val(ui.value)\n                        inflationcalculate();\n                    },\n                    change: function(){\n                        inflation_chart_render();\n                    }\n                });\n                $(\"#inflation-totalyear-show\").text($(\"#inflation-year-slide\").slider(\"value\"));\n                $(' #inflation-year-input').val($('#inflation-year-slide').slider('value'));\n                $(' #inflation-year-input').blur(function(){      \n                    inflation_loan_year_value()\n                })\n                $(\" #inflation-year-input\").on('keyup',function(event) {\n                    if (event.keyCode === 13) {\n                        inflation_loan_year_value();\n                    }\n                })\n                \/\/ inflation-intrest-slide\n                $(\"#inflation-intrest-slide\").slider({\n                    range: \"min\",\n                    min: 1,\n                    max: 30,\n                    step:0.1,\n                    value: 10,\n                    slide: function(event, ui) {\n                        $(\"#inflation-intrest\").text(ui.value);\n                        $(\"#rate-of-inflation\").val(ui.value)\n                        inflationcalculate();\n                    },\n                    change: function(){\n                        inflation_chart_render();\n                    }\n                });\n                $(\"#inflation-intrest\").text($(\"#inflation-intrest-slide\").slider(\"value\"));\n                $(\"#rate-of-inflation\").val($(\"#inflation-intrest-slide\").slider(\"value\"));\n                $(\"#rate-of-inflation\").blur(function(){\n                        inflation_interest_rate_value()\n                }); \n                $(\"#rate-of-inflation\").on('keyup',function(event) {\n                    if (event.keyCode === 13) {\n                        inflation_interest_rate_value();\n                    }\n                })\n                inflationcalculate();\n                inflation_chart_render();\n            });\n            \/\/ if (typeof(functionName) != 'inflationcalculate') {\n                function inflationcalculate()\n                {  \n                    var inflationAmount=parseInt (jQuery(\"#inflation-show\").text());\n                    var inflationnumberOfyear=parseInt (jQuery(\"#inflation-totalyear-show\").text());\n                    var inflationrate=parseInt (jQuery(\"#inflation-intrest\").text());\n                    var inflationrateratio=(inflationrate\/100);\n                    var top2= Math.pow((1+inflationrateratio), inflationnumberOfyear);\n                    var futurecost=inflationAmount*top2;\n                  var costincrese=futurecost-inflationAmount;\n                    var inflation_amount_str = inflationAmount.toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n                    var future_cost_str = futurecost.toFixed().toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n                    var cost_increse_str = costincrese.toFixed().toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n                    $inflation_input_principal = $('#inflation-input').val().toString().replace(\/,\/g,\"\").replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n                    jQuery(\"#inflation-amount\").html(inflation_amount_str);\n                    jQuery(\"#inflation-cost-increase\").html(cost_increse_str);\n                    jQuery(\"#inflation-future-cost-count\").html(future_cost_str);\n                    jQuery('#inflation-input').val($inflation_input_principal);\n                    if ($('#inflation-chart').length) {\n                        \/\/ inflation_chart_render()\n                    }\n                }\n            \/\/ }\n            }\n            function inflation_principal_value(){\n                    $text_val=$('#inflation-input').val().toString()\n                    $inflation_new_text_val = parseInt($text_val.replace(\/,\/g,''))\n                    var max = $(\"#inflation-principal-slide\").slider(\"option\", \"max\");\n                    if ($inflation_new_text_val > max) {\n                        $('#inflation-input').val(max)\n                    }\n                    var min = $(\"#inflation-principal-slide\").slider(\"option\", \"min\");\n                    if ($inflation_new_text_val < min) {\n                        $('#inflation-input').val(min)\n                    }\n                    $(\"#inflation-principal-slide\").slider({\n                    range: \"min\",\n                    min: 500,\n                    max: 2000000,\n                    value: $inflation_new_text_val,\n                    step: 500,\n                    slide: function (event, ui) {\n                        $(\"#inflation-show\").text(ui.value);\n                        $('#inflation-input').val(ui.value);\n                        inflationcalculate();\n                    }\n                });\n                $(\"#inflation-show\").text($(\"#inflation-principal-slide\").slider(\"value\"));\n                    inflationcalculate();\n                    inflation_chart_render()\n            }\n            function inflation_loan_year_value(){\n                $inflation_loan_year = $(\" #inflation-year-input\").val()\n                var max = $(\"#inflation-year-slide\").slider(\"option\", \"max\");\n                    if ($inflation_loan_year > max) {\n                        $(' #inflation-year-input').val(max)\n                    }\n                var min = $(\"#inflation-year-slide\").slider(\"option\", \"min\");\n                    if ($inflation_loan_year < min) {\n                        $(' #inflation-year-input').val(min)\n                    }\n                    $(\"#inflation-year-slide\").slider({\n                    range: \"min\",\n                    min: 1,\n                    max: 30,\n                    step: 1,\n                    value: $inflation_loan_year,\n                    slide: function (event, ui) {\n                        $(\"#inflation-totalyear-show\").text(ui.value);\n                        $(\" #inflation-year-input\").val(ui.value)\n                        inflationcalculate();\n                    }\n                });\n                    $(\"#inflation-totalyear-show\").text($(\"#inflation-year-slide\").slider(\"value\"));\n                    inflationcalculate();\n                    inflation_chart_render();\n            }\n            function inflation_interest_rate_value(){\n                $inflation_loan_rate = $(\"#rate-of-inflation\").val()    \n                var max = $(\"#inflation-year-slide\").slider(\"option\", \"max\");\n                    if ($inflation_loan_rate > max) {\n                        $('#rate-of-inflation').val(max)\n                    }\n                $(\"#inflation-intrest-slide\").slider({\n                    range: \"min\",\n                    min: 1,\n                    max: 30,\n                    step:0.1,\n                    value: $inflation_loan_rate,\n                    slide: function(event, ui) {\n                        $(\"#inflation-intrest\").text(ui.value);\n                        $(\"#rate-of-inflation\").val(ui.value)\n                        inflationcalculate();\n                    }\n                });\n                    $(\"#inflation-intrest\").text($(\"#inflation-intrest-slide\").slider(\"value\"));\n                    $(\"#rate-of-inflation\").val($(\"#inflation-intrest-slide\").slider(\"value\"));\n                    inflationcalculate();\n                    inflation_chart_render(); \n            }\n            function inflation_chart_render()\n            {\n                var options = inflation_chart_options();\n                Highcharts.chart('inflation-chart',options);\n                    if($(window).width() <= 499){\n                        \/\/ Highcharts.chart('inflation-chart',options).setSize(270,270);\n                    }\n            }\n            function inflation_chart_options(){\n                var inflation_principal_chart = parseInt($('#inflation-show').text());\n                var inflation_interest_chart = $('#inflation-cost-increase').text().toString();\n                var inflation_new_interest_chart = parseFloat(inflation_interest_chart.replace(\/,\/g,''))\n                var options = {\n                            chart: {\n                                plotBackgroundColor: null,\n                                plotBorderWidth: 0,\n                                plotShadow: false,\n                            },\n                            title: {\n                                text: '',\n                                align: 'center',\n                                verticalAlign: 'middle',\n                                y: 40\n                            },\n                            colors:['var(--sinace-base)','var(--sinace-black)'],\n                            plotOptions: {\n                                pie: {\n                                    dataLabels: {\n                                        enabled: true,\n                                        distance: -50,\n                                        style: {\n                                            fontWeight: 'bold',\n                                            color: 'white'\n                                        }\n                                    },\n                                    startAngle: -90,\n                                    endAngle: 90,\n                                    center: ['50%', '120%'],\n                                    size: '210%'\n                                }\n                            },\n                            tooltip: {\n                         pointFormat: '{series.name}: <b>${point.y}<\/b>'\n                         },\n                            series: [{\n                                type: 'pie',\n                                name: '',\n                                innerSize: '50%',\n                                data: [\n                                    ['Current Cost', inflation_principal_chart],\n                                    ['Cost Increase', inflation_new_interest_chart],\n                                    {\n                                        dataLabels: {\n                                           enabled: true\n                                       }\n                                    }\n                                ]\n                            }]\n                        };\n                return options;\n            }\n               function inflation_value() {\n                    $text_val=$('#inflation-input').val().toString()\n                    $inflation_input_value = $text_val.replace(\/,\/g,'')\n                    \/\/ var input_value = $('#inflation-input').val()\n                    console.log($.isNumeric($inflation_input_value))\n                    console.log($inflation_input_value)\n                    if ($.isNumeric($inflation_input_value) == false) {\n                        $('#inflation-input').val($('#inflation-show').text())\n                    }\n            }\n            function onlynumeric(event)\n            {\n                var x = event.which || event.keycode;\n                    if((x>=48 && x<=57 && x==190))\n                        return true;\n                    else\n                        return false;\n            }\n        <\/script>\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inflation Calculator Current Cost $ Time Period Year Rate Of Inflation (p.a) % Note:Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quam quisque id diam vel quam elementum. Amet mattis vulputate enim nulla aliquet porttitor.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/pages\/9633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/comments?post=9633"}],"version-history":[{"count":13,"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/pages\/9633\/revisions"}],"predecessor-version":[{"id":9697,"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/pages\/9633\/revisions\/9697"}],"wp:attachment":[{"href":"https:\/\/thegenius.co\/wp\/sinace\/live\/wp-json\/wp\/v2\/media?parent=9633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}