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>Annuity Calculator</title><meta name="description" content="Annuity Calculator based on UK rates"><meta name="keywords" content="Annuity, Calculator, UK"><style>body {font-family: 'Arial', sans-serif;background-color: #f9f9f9;margin: 0;padding: 0;}.container {max-width: 600px;margin: 50px auto;background-color: #fff;padding: 20px;border-radius: 12px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}.input-container {display: flex;justify-content: space-between;align-items: center;}.input-container label, .input-container input {width: 48%;}h1 {color: #333;text-align: center;}label {display: block;margin-bottom: 10px;font-size: 18px;}input, select {display: block;width: 100%;margin-bottom: 20px;font-size: 18px;border: 1px solid #ccc;border-radius: 8px;padding: 10px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);}input[type="button"] {width: 100%;background-color: #007bff;color: #fff;padding: 15px;border: none;border-radius: 8px;cursor: pointer;font-size: 18px;}input[type="button"]:hover {background-color: #0056b3;}#result, #lumpSum {font-size: 24px;font-weight: bold;text-align: center;}#disclaimer {font-size: 14px;text-align: center;margin-top: 20px;}#quoteButton {display: none;text-align: center;}</style><script>function calculateAnnuity() {var totalPensionFund = parseFloat(document.getElementById('totalPensionFund').value);var taxFreeLumpSum = totalPensionFund * 0.25;var principal = totalPensionFund - taxFreeLumpSum;var age = parseFloat(document.getElementById('age').value);var annuityType = document.getElementById('annuityType').value;var rate = 0;if (age >= 55 && age <= 75) {if (annuityType === 'Single life, level') {rate = 6188 + (age - 55) * 144.04;}if (annuityType === 'Single life, 3% escalation') {rate = 4087 + (age - 55) * 73.46;}if (annuityType === 'Joint life 50%, level') {rate = 5897 + (age - 55) * 63.89;}if (annuityType === 'Joint life 50%, 3% escalation') {rate = 3802 + (age - 55) * 64.02;}}var annualIncome = (principal / 100000) * rate;var formattedIncome = '£' + annualIncome.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',') + ' per annum';var formattedLumpSum = '£' + taxFreeLumpSum.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',');document.getElementById('result').innerHTML = 'Annual Income: ' + formattedIncome;document.getElementById('lumpSum').innerHTML = 'Tax-Free Lump Sum: ' + formattedLumpSum;document.getElementById('disclaimer').innerHTML = 'This is an indication based on current average annuity rates. Your personal details and health could mean this figure would increase or decrease. For a fully personalised quote, please complete the information below.';document.getElementById('quoteButton').style.display = 'block';}</script> <link rel="canonical" href="https://calculator.tools/prompt/8341/"> <meta charset="utf-8"> </head><body><div class="container"><h1>Annuity Calculator</h1><form><label for="totalPensionFund">Total Pension Fund (£):</label><input type="number" id="totalPensionFund"><label for="age">Age:</label><input type="number" id="age" min="55" max="75"><label for="annuityType">Annuity Type:</label><select id="annuityType"><option value="Single life, level">Single life, level</option><option value="Single life, 3% escalation">Single life, 3% escalation</option><option value="Joint life 50%, level">Joint life 50%, level</option><option value="Joint life 50%, 3% escalation">Joint life 50%, 3% escalation</option></select><input type="button" value="Calculate" onclick="calculateAnnuity()"></form><p id="result"></p><p id="lumpSum"></p><p id="disclaimer"></p><a href="https://www.allthingspension.com/book-consultation" id="quoteButton"><input type="button" value="Get a personalised quote now"></a></div> <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