{"id":911,"date":"2026-01-02T12:28:48","date_gmt":"2026-01-02T12:28:48","guid":{"rendered":"https:\/\/lifeofpay.com\/credoshine\/?page_id=911"},"modified":"2026-02-11T07:06:42","modified_gmt":"2026-02-11T07:06:42","slug":"calculator","status":"publish","type":"page","link":"https:\/\/lifeofpay.com\/credoshine\/calculator\/","title":{"rendered":"Calculator"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t SIP Calculator<\/title> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <style> body{ font-family: Arial, sans-serif; background:#f4f6f8; margin:0; padding:20px; } .wrapper{ max-width:1100px; margin:auto; background:#fff; padding:30px; border-radius:10px; display:flex; gap:40px; } .left{flex:1;} .right{width:350px;text-align:center;} h2{margin-bottom:30px} \/* Row *\/ .row{margin-bottom:30px;} .row label{ font-weight:600; display:flex; justify-content:space-between; margin-bottom:10px; } .input-box{ display:flex; align-items:center; gap:5px; } .input-box input{ width:90px; padding:5px; font-weight:600; } \/* Slider *\/ input[type=range]{ width:100%; appearance:none; height:6px; background:#e0e0e0; border-radius:5px; } input[type=range]::-webkit-slider-thumb{ appearance:none; width:18px; height:18px; background:#0b5ed7; border-radius:50%; cursor:pointer; } \/* Results *\/ .result{ margin-top:30px; } .result p{ font-size:16px; margin:10px 0; } .big{ font-size:22px; font-weight:700; } .green{color:#28a745} .blue{color:#0b5ed7} \/* Button *\/ button{ margin-top:20px; padding:12px 20px; background:#333; color:#fff; border:none; cursor:pointer; } \/* Donut *\/ canvas{margin-top:20px} .legend{ display:flex; justify-content:center; gap:20px; margin-top:10px; } .legend span{ display:flex; align-items:center; gap:6px; font-size:14px; } .box{ width:12px;height:12px;border-radius:3px; } <\/style> <\/head> <body> <!--<h2>SIP Calculator<\/h2>--> <div class=\"wrapper\"> <!-- LEFT --> <div class=\"left\"> <!-- Investment --> <div class=\"row\"> <label> Investment Amount (P.M.) <span class=\"input-box\"> \u20b9 <input type=\"number\" id=\"amountInput\" value=\"5000\"> <\/span> <\/label> <input type=\"range\" id=\"amountRange\" min=\"500\" max=\"50000\" step=\"500\" value=\"5000\"> <\/div> <!-- Rate --> <div class=\"row\"> <label> Rate of Interest (%) <span class=\"input-box\"> <input type=\"number\" id=\"rateInput\" step=\"0.1\" value=\"8\"> % <\/span> <\/label> <input type=\"range\" id=\"rateRange\" min=\"1\" max=\"20\" step=\"0.1\" value=\"8\"> <\/div> <!-- Tenure --> <div class=\"row\"> <label> Tenure (Years) <span class=\"input-box\"> <input type=\"number\" id=\"yearInput\" value=\"26\"> Yr <\/span> <\/label> <input type=\"range\" id=\"yearRange\" min=\"1\" max=\"40\" value=\"26\"> <\/div> <!-- Results --> <div class=\"result\"> <p class=\"big blue\">Mature Amount: \u20b9 <span id=\"maturity\"><\/span><\/p> <p id=\"words\"><\/p> <p>Total Investment: \u20b9 <span id=\"invested\"><\/span><\/p> <p class=\"green big\">Profit Amount: \u20b9 <span id=\"profit\"><\/span><\/p> <\/div> <button>Where to Invest<\/button> <\/div> <!-- RIGHT --> <div class=\"right\"> <h4>SIP Return<\/h4> <canvas id=\"chart\" width=\"300\" height=\"300\"><\/canvas> <div class=\"legend\"> <span><div class=\"box\" style=\"background:#4bc0c0\"><\/div>Mature Amount<\/span> <span><div class=\"box\" style=\"background:#ff6384\"><\/div>Total Investment<\/span> <\/div> <\/div> <\/div> <script> const amountI = document.getElementById(\"amountInput\"); const amountR = document.getElementById(\"amountRange\"); const rateI = document.getElementById(\"rateInput\"); const rateR = document.getElementById(\"rateRange\"); const yearI = document.getElementById(\"yearInput\"); const yearR = document.getElementById(\"yearRange\"); const ctx = document.getElementById(\"chart\").getContext(\"2d\"); function sync(input, range){ input.oninput = () => { range.value = input.value; calculate(); }; range.oninput = () => { input.value = range.value; calculate(); }; } sync(amountI, amountR); sync(rateI, rateR); sync(yearI, yearR); function format(n){ return n.toLocaleString(\"en-IN\"); } function numberToWords(num){ const a=['','One','Two','Three','Four','Five','Six','Seven','Eight','Nine','Ten','Eleven','Twelve','Thirteen','Fourteen','Fifteen','Sixteen','Seventeen','Eighteen','Nineteen']; const b=['','','Twenty','Thirty','Forty','Fifty','Sixty','Seventy','Eighty','Ninety']; if(num===0) return 'Zero'; if(num<20) return a[num]; if(num<100) return b[Math.floor(num\/10)]+' '+a[num%10]; if(num<1000) return a[Math.floor(num\/100)]+' Hundred '+numberToWords(num%100); if(num<100000) return numberToWords(Math.floor(num\/1000))+' Thousand '+numberToWords(num%1000); if(num<10000000) return numberToWords(Math.floor(num\/100000))+' Lakh '+numberToWords(num%100000); return numberToWords(Math.floor(num\/10000000))+' Crore '+numberToWords(num%10000000); } function calculate(){ const P = +amountI.value; const r = +rateI.value\/100\/12; const n = +yearI.value*12; const invested = P*n; const future = P*((Math.pow(1+r,n)-1)\/r)*(1+r); const profit = future-invested; document.getElementById(\"maturity\").innerText = format(Math.round(future)); document.getElementById(\"invested\").innerText = format(invested); document.getElementById(\"profit\").innerText = format(Math.round(profit)); document.getElementById(\"words\").innerText = numberToWords(Math.round(future))+\" Only\"; drawChart(invested,future); } function drawChart(invested,future){ ctx.clearRect(0,0,300,300); let total = invested+future; let angle = invested\/total * Math.PI*2; ctx.beginPath(); ctx.moveTo(150,150); ctx.arc(150,150,120,0,angle); ctx.fillStyle=\"#ff6384\"; ctx.fill(); ctx.beginPath(); ctx.moveTo(150,150); ctx.arc(150,150,120,angle,Math.PI*2); ctx.fillStyle=\"#4bc0c0\"; ctx.fill(); ctx.beginPath(); ctx.arc(150,150,70,0,Math.PI*2); ctx.fillStyle=\"#fff\"; ctx.fill(); } calculate(); <\/script> <\/body> <\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SIP Calculator Investment Amount (P.M.) \u20b9 Rate of Interest (%) % Tenure (Years) Yr Mature Amount: \u20b9 Total Investment: \u20b9 Profit Amount: \u20b9 Where to Invest SIP Return Mature Amount Total Investment<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-911","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/pages\/911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/comments?post=911"}],"version-history":[{"count":43,"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/pages\/911\/revisions"}],"predecessor-version":[{"id":999,"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/pages\/911\/revisions\/999"}],"wp:attachment":[{"href":"https:\/\/lifeofpay.com\/credoshine\/wp-json\/wp\/v2\/media?parent=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}