Compound Interest Calculator with Inflation
Info
Created On: November 19, 2023
Created By:
Tags
AI
Model: chatgpt-plugin
Time: 0 seconds
Prompt Tokens: 0
Completion Tokens: 0
Total Token Cost: 0
Get This App On Your Website
Copy Code
1. Copy the code above with the iframe and link.
Javascript, HTML, CSS Code
<!DOCTYPE html> <html> <head> <script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script> <title>Compound Interest Calculator with Inflation</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial, sans-serif;} .container {width: 100%; padding: 20px;} input, select {width: 100%; padding: 10px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1;} input[type=button] {background-color: #4CAF50; color: white; cursor: pointer;} input[type=button]:hover {background-color: #45a049;} </style> <link rel="canonical" href="https://calculator.tools/prompt/9007/"> <meta charset="utf-8"> </head> <body> <div class="container"> <h2>Compound Interest Calculator with Inflation</h2> <label for="principal">Starting Amount ($):</label> <input type="number" id="principal" name="principal"><br> <label for="years">Years to Save:</label> <input type="number" id="years" name="years"><br> <label for="rate">Rate of Return (%):</label> <input type="number" id="rate" name="rate" step="0.01"><br> <label for="contribution">Additional Contribution ($):</label> <input type="number" id="contribution" name="contribution"><br> <label for="contributionFrequency">Contribution Frequency:</label> <select id="contributionFrequency" name="contributionFrequency"> <option value="monthly">Monthly</option> <option value="weekly">Weekly</option> <option value="biweekly">Bi-weekly</option> <option value="quarterly">Quarterly</option> <option value="annually">Annually</option> </select><br> <label for="compoundFrequency">Interest Compounding Frequency:</label> <select id="compoundFrequency" name="compoundFrequency"> <option value="annually">Annually</option> <option value="quarterly">Quarterly</option> <option value="monthly">Monthly</option> <option value="daily">Daily</option> </select><br> <label for="inflation">Inflation Rate (%):</label> <input type="number" id="inflation" name="inflation" step="0.01"><br> <input type="button" value="Calculate" onclick="calculateInterest()"> <p id="result"></p> </div> <script> function calculateInterest() { var principal = parseFloat(document.getElementById('principal').value); var years = parseInt(document.getElementById('years').value); var rate = parseFloat(document.getElementById('rate').value) / 100; var contribution = parseFloat(document.getElementById('contribution').value); var contributionFrequency = document.getElementById('contributionFrequency').value; var compoundFrequency = document.getElementById('compoundFrequency').value; var inflationRate = parseFloat(document.getElementById('inflation').value) / 100; var n = 0; switch (compoundFrequency) { case 'annually': n = 1; break; case 'quarterly': n = 4; break; case 'monthly': n = 12; break; case 'daily': n = 365; break; } var totalContributions = 0; var total = principal * Math.pow(1 + rate / n, n * years); for (var i = 0; i < years; i++) { var annualContribution = contribution; switch (contributionFrequency) { case 'monthly': annualContribution *= 12; break; case 'weekly': annualContribution *= 52; break; case 'biweekly': annualContribution *= 26; break; case 'quarterly': annualContribution *= 4; break; case 'annually': annualContribution *= 1; break; } totalContributions += annualContribution; total += annualContribution * Math.pow(1 + rate / n, n * (years - i - 1)); } var presentValue = total / Math.pow(1 + inflationRate, years); document.getElementById('result').innerHTML = 'Future Value: $' + total.toFixed(2) + '<br>Total Contributions: $' + totalContributions.toFixed(2) + '<br>Present Value (adjusted for inflation): $' + presentValue.toFixed(2); } </script> <script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script> <script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script> </body> </html>
Calculator Tools