let chart;
function calculateSSY(){
let annualInvestment=parseFloat(document.getElementById("annualInvestment").value);
let rate=parseFloat(document.getElementById("interestRate").value) / 100;
let years=parseInt(document.getElementById("years").value);
if(years > 15) years=15;
let maturityPeriod=21;
let balance=0;
for (let year=1; year <=maturityPeriod; year++){
if(year <=years){
balance +=annualInvestment;
}
balance *=(1 + rate);
}
let investedAmount=annualInvestment * years;
let interestEarned=balance - investedAmount;
document.getElementById("maturityValue").innerText="₹" + Math.round(balance).toLocaleString();
document.getElementById("investedAmount").innerText="₹" + investedAmount.toLocaleString();
document.getElementById("interestEarned").innerText="₹" + Math.round(interestEarned).toLocaleString();
if(chart) chart.destroy();
const ctx=document.getElementById('ssyChart').getContext('2d');
chart=new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['Invested Amount', 'Interest Earned'],
datasets: [{
data: [investedAmount, interestEarned],
backgroundColor: ['#029b62', '#3CB64B']
}]
},
options: {
responsive: true,
plugins: {
legend: { position: 'bottom' }}
}});
}
function updateSliderBg(slider){
let val=(slider.value - slider.min) / (slider.max - slider.min) * 100;
slider.style.background=`linear-gradient(to right, #28a745 ${val}%, #e0e0e0 ${val}%)`;
}
document.querySelectorAll("input[type=range]").forEach(slider=> {
slider.addEventListener("input", ()=> updateSliderBg(slider));
updateSliderBg(slider);
});
function syncInputs(){
document.getElementById("annualInvestment").value=document.getElementById("annualInvestmentRange").value;
document.getElementById("annualInvestmentRange").value=document.getElementById("annualInvestment").value;
document.getElementById("interestRate").value=document.getElementById("interestRateRange").value;
document.getElementById("interestRateRange").value=document.getElementById("interestRate").value;
document.getElementById("years").value=document.getElementById("yearsRange").value;
document.getElementById("yearsRange").value=document.getElementById("years").value;
calculateSSY();
}
calculateSSY();