Floating Interest Calculator<\/title>\n <link href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n body {\n padding: 20px;\n }\n .calculator {\n max-width: 800px; \/* Increased the maximum width of the container *\/\n margin: auto;\n }\n .form-control {\n width: 100%; \/* Ensure the input fields take up the full width of the container *\/\n }\n .input-group .form-control {\n flex: 1; \/* Allow the input field to take up remaining space *\/\n }\n .input-group-append .btn {\n width: 150px; \/* Adjusted the width of the remove button for consistency *\/\n }\n <\/style>\n<\/head>\n<body>\n <h2 class=\"text-center\">Floating Interest Calculator<\/h2>\n <div class=\"calculator card p-4\">\n <form id=\"interestForm\">\n <div class=\"form-group\">\n <label for=\"principal\">Principal Amount (\u20b9):<\/label>\n <input type=\"number\" class=\"form-control\" id=\"principal\" placeholder=\"Enter principal amount\" required>\n <\/div>\n <div class=\"form-group\" id=\"rateInputs\">\n <label for=\"rate\">Annual Interest Rate (%):<\/label>\n <div class=\"input-group mb-2\">\n <input type=\"number\" class=\"form-control rate\" placeholder=\"Enter annual interest rate\" step=\"0.01\" required>\n <div class=\"input-group-append\">\n <button type=\"button\" class=\"btn btn-danger remove-rate\">Remove<\/button>\n <\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-secondary mb-3\" id=\"addRate\">Add Another Year<\/button>\n <button type=\"submit\" class=\"btn btn-primary btn-block\">Calculate<\/button>\n <\/form>\n <div class=\"mt-4 text-left\" id=\"result\" style=\"display: none;\">\n <h4>Results:<\/h4>\n <p>Principal Amount: \u20b9<span id=\"principalAmount\"><\/span><\/p>\n <p>Average Interest Rate: <span id=\"averageRate\"><\/span>%<\/p>\n <p>Total Amount: \u20b9<span id=\"totalAmount\"><\/span><\/p>\n <p>Interest Accrued: \u20b9<span id=\"interestAccrued\"><\/span><\/p>\n <\/div>\n <\/div>\n\n <script>\n document.getElementById('addRate').addEventListener('click', function() {\n var rateInputs = document.getElementById('rateInputs');\n var newRateInput = document.createElement('div');\n newRateInput.classList.add('input-group', 'mb-2');\n newRateInput.innerHTML = `\n <input type=\"number\" class=\"form-control rate\" placeholder=\"Enter annual interest rate\" step=\"0.01\" required>\n <div class=\"input-group-append\">\n <button type=\"button\" class=\"btn btn-danger remove-rate\">Remove<\/button>\n <\/div>`;\n rateInputs.appendChild(newRateInput);\n });\n\n document.getElementById('rateInputs').addEventListener('click', function(event) {\n if (event.target.classList.contains('remove-rate')) {\n event.target.closest('.input-group').remove();\n }\n });\n\n document.getElementById('interestForm').addEventListener('submit', function(event) {\n event.preventDefault();\n\n var principal = parseFloat(document.getElementById('principal').value);\n var rateElements = document.querySelectorAll('.rate');\n var totalAmount = principal;\n var interestAccrued = 0;\n var totalRate = 0;\n\n rateElements.forEach(function(rateElement) {\n var rate = parseFloat(rateElement.value);\n totalRate += rate;\n var interestForYear = totalAmount * rate \/ 100;\n interestAccrued += interestForYear;\n totalAmount += interestForYear;\n });\n\n var averageRate = totalRate \/ rateElements.length;\n\n document.getElementById('principalAmount').innerText = principal.toFixed(2);\n document.getElementById('averageRate').innerText = averageRate.toFixed(2);\n document.getElementById('totalAmount').innerText = totalAmount.toFixed(2);\n document.getElementById('interestAccrued').innerText = interestAccrued.toFixed(2);\n document.getElementById('result').style.display = 'block';\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Floating Interest Calculator Floating Interest Calculator Principal Amount (\u20b9): Annual Interest Rate (%): Remove Add Another Year Calculate Results: Principal Amount: \u20b9 Average Interest Rate: % Total Amount: \u20b9 Interest Accrued: \u20b9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","footer-sml-layout":"","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-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-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-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-gradient":""}},"ast-content-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-gradient":""},"tablet":{"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-gradient":""},"mobile":{"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-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/497"}],"collection":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/comments?post=497"}],"version-history":[{"count":10,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/497\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/497\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/media?parent=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":497,"date":"2024-05-31T17:44:17","date_gmt":"2024-05-31T17:44:17","guid":{"rendered":"https:\/\/lifestylerepository.com\/?page_id=497"},"modified":"2024-05-31T17:56:56","modified_gmt":"2024-05-31T17:56:56","slug":"floating-interest-calculator","status":"publish","type":"page","link":"https:\/\/lifestylerepository.com\/index.php\/floating-interest-calculator\/","title":{"rendered":"Floating Interest Calculator"},"content":{"rendered":"\n\n\n\n \n \n Floating Interest Calculator<\/title>\n <link href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n body {\n padding: 20px;\n }\n .calculator {\n max-width: 800px; \/* Increased the maximum width of the container *\/\n margin: auto;\n }\n .form-control {\n width: 100%; \/* Ensure the input fields take up the full width of the container *\/\n }\n .input-group .form-control {\n flex: 1; \/* Allow the input field to take up remaining space *\/\n }\n .input-group-append .btn {\n width: 150px; \/* Adjusted the width of the remove button for consistency *\/\n }\n <\/style>\n<\/head>\n<body>\n <h2 class=\"text-center\">Floating Interest Calculator<\/h2>\n <div class=\"calculator card p-4\">\n <form id=\"interestForm\">\n <div class=\"form-group\">\n <label for=\"principal\">Principal Amount (\u20b9):<\/label>\n <input type=\"number\" class=\"form-control\" id=\"principal\" placeholder=\"Enter principal amount\" required>\n <\/div>\n <div class=\"form-group\" id=\"rateInputs\">\n <label for=\"rate\">Annual Interest Rate (%):<\/label>\n <div class=\"input-group mb-2\">\n <input type=\"number\" class=\"form-control rate\" placeholder=\"Enter annual interest rate\" step=\"0.01\" required>\n <div class=\"input-group-append\">\n <button type=\"button\" class=\"btn btn-danger remove-rate\">Remove<\/button>\n <\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn btn-secondary mb-3\" id=\"addRate\">Add Another Year<\/button>\n <button type=\"submit\" class=\"btn btn-primary btn-block\">Calculate<\/button>\n <\/form>\n <div class=\"mt-4 text-left\" id=\"result\" style=\"display: none;\">\n <h4>Results:<\/h4>\n <p>Principal Amount: \u20b9<span id=\"principalAmount\"><\/span><\/p>\n <p>Average Interest Rate: <span id=\"averageRate\"><\/span>%<\/p>\n <p>Total Amount: \u20b9<span id=\"totalAmount\"><\/span><\/p>\n <p>Interest Accrued: \u20b9<span id=\"interestAccrued\"><\/span><\/p>\n <\/div>\n <\/div>\n\n <script>\n document.getElementById('addRate').addEventListener('click', function() {\n var rateInputs = document.getElementById('rateInputs');\n var newRateInput = document.createElement('div');\n newRateInput.classList.add('input-group', 'mb-2');\n newRateInput.innerHTML = `\n <input type=\"number\" class=\"form-control rate\" placeholder=\"Enter annual interest rate\" step=\"0.01\" required>\n <div class=\"input-group-append\">\n <button type=\"button\" class=\"btn btn-danger remove-rate\">Remove<\/button>\n <\/div>`;\n rateInputs.appendChild(newRateInput);\n });\n\n document.getElementById('rateInputs').addEventListener('click', function(event) {\n if (event.target.classList.contains('remove-rate')) {\n event.target.closest('.input-group').remove();\n }\n });\n\n document.getElementById('interestForm').addEventListener('submit', function(event) {\n event.preventDefault();\n\n var principal = parseFloat(document.getElementById('principal').value);\n var rateElements = document.querySelectorAll('.rate');\n var totalAmount = principal;\n var interestAccrued = 0;\n var totalRate = 0;\n\n rateElements.forEach(function(rateElement) {\n var rate = parseFloat(rateElement.value);\n totalRate += rate;\n var interestForYear = totalAmount * rate \/ 100;\n interestAccrued += interestForYear;\n totalAmount += interestForYear;\n });\n\n var averageRate = totalRate \/ rateElements.length;\n\n document.getElementById('principalAmount').innerText = principal.toFixed(2);\n document.getElementById('averageRate').innerText = averageRate.toFixed(2);\n document.getElementById('totalAmount').innerText = totalAmount.toFixed(2);\n document.getElementById('interestAccrued').innerText = interestAccrued.toFixed(2);\n document.getElementById('result').style.display = 'block';\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Floating Interest Calculator Floating Interest Calculator Principal Amount (\u20b9): Annual Interest Rate (%): Remove Add Another Year Calculate Results: Principal Amount: \u20b9 Average Interest Rate: % Total Amount: \u20b9 Interest Accrued: \u20b9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","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":"","footer-sml-layout":"","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-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-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-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-gradient":""}},"ast-content-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-gradient":""},"tablet":{"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-gradient":""},"mobile":{"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-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/497"}],"collection":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/comments?post=497"}],"version-history":[{"count":10,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/497\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/497\/revisions\/508"}],"wp:attachment":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/media?parent=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}