{"id":9301,"date":"2025-05-28T06:52:02","date_gmt":"2025-05-28T06:52:02","guid":{"rendered":"https:\/\/jishafinserv.com\/?page_id=9301"},"modified":"2025-05-28T07:06:07","modified_gmt":"2025-05-28T07:06:07","slug":"mutual-fund-investment-calculator","status":"publish","type":"page","link":"https:\/\/jishafinserv.com\/jishafinserv\/mutual-fund-investment-calculator\/","title":{"rendered":"Mutual Fund Investment Calculator"},"content":{"rendered":"\n<div class=\"header\">Mutual Fund Investment Calculator<\/div>\n        <div class=\"page-container\">\n            <div class=\"switch-container\">\n                <div class=\"radio-button\" style=\"padding: 15px; margin: 0;\">\n                    <label for=\"sip\">SIP<\/label>\n                    <input type=\"radio\" checked name=\"checked\" value=\"SIP\">\n                    <label for=\"lumpsum\">LumpSum<\/label>\n                    <input type=\"radio\" name=\"checked\" value=\"LumpSum\">\n                <\/div>\n                <div class=\"dropdown\" style=\"padding: 15px; margin: 0;\">\n                    Currency\n                    <select onchange=\"currencyChange(this)\" id=\"currency\" class=\"currency\">\n                        <!-- &#8377; -->\n                        <option value=\"Rs\">&#8377; &nbsp;INR<\/option>\n                        <option value=\"$\">&#128176;USD<\/option>\n                        <!-- &#x24; -->\n                    <\/select>\n            <\/div>\n        <\/div>\n            <div class=\"input-container\">\n                <div style=\"margin:0px\">\n                    <div>Monthly Investment ? <\/div>\n                    <br\/>\n                    <div><input id=\"investment\" type=\"text\" onchange=\"commas(this)\"\/><\/div>\n                    <br\/>\n                    <div>Number of Years ?<\/div>\n                    <br\/>\n                    <div><input id=\"years\" type=\"number\"><\/div> \n                    <br\/>\n                    <div>Expected Rate of Return ?<\/div>\n                    <br\/>\n                    <div><input id=\"return-rate\"  type=\"text\" onchange=\"percentage(this)\")\/><\/div> \n                <\/div>\n            <\/div>\n            <\/br\/>\n            <div class=\"btn-calculate\" style=\"\">\n                <button type=\"button\" onclick=\"calculateResult()\" style=\"line-height: 0px; padding: 0px; margin:0px;\">\n                    Calculate\n                <\/button>\n            <\/div>\n            <\/br\/>\n            <div style=\"display: flex;\">\n                <div class=\"result\">Result :<\/div>\n              <div class=\"result-container\">\n                    <div>Monthly Investment for <span id=\"mode-1\">SIP<\/span><\/div>\n                    <br\/>\n                    <div><span>Rs.<\/span>&nbsp;<span id=\"input-1\"><\/span><\/div>\n                    <br\/>\n                    <div>Number of Years <span id=\"mode-2\">SIP<\/span><\/div>\n                    <br\/>\n                    <div><span>Years:<\/span>&nbsp;<span id=\"input-2\"><\/span><\/div> \n                    <br\/>\n                    <div>Expected Rate of Return <span id=\"mode-3\">SIP<\/span><\/div>\n                    <br\/>\n                    <div><span>%:<\/span>&nbsp;<span id=\"input-3\"><\/span><\/div> \n            <\/div>\n            <div class=\"result-container\">\n                <div>Total Investment \ud83d\udcb8<\/div>\n                <br\/>\n                <div><span id=\"currency-change-1\">Rs.<\/span>&nbsp;<span id=\"total\"><\/span><\/div>\n                <br\/>\n                <div>Wealth Gained \ud83d\udcb8<\/div>\n                <br\/>\n                <div><span id=\"currency-change-2\">Rs.<\/span>&nbsp;<span id=\"wealth-gained\"><\/span><\/div> \n                <br\/>\n                <div>Maturity Value \ud83d\udcb8<\/div>\n                <br\/>\n                <div><span id=\"currency-change-3\">Rs.<\/span>&nbsp;<span id=\"maturity-value\"><\/span><\/div> \n        <\/div>\n    <\/div>\n            <br\/>\n            \n        <\/div>\n    <\/div>\n<style>\n.header{\n    text-align: center;\n    font-size: 30px;\n    font-family: monospace;\n}\n.page-container{\n    margin: 1% 20%;\n    font-size: 16px;\n}\n.switch-container{\n    display: flex;\n    \/* padding-left: 50px; *\/\n    font-family: monospace;\n    justify-content: center;\n}\n.switch-container> div {\n    margin:1% 10% 3% 0;\n}\n.input-container{\n    display: flex;\n    font-family: monospace;\n    flex-wrap: wrap;\n    align-content: flex-start;\n    justify-content: center;\n}\n.input-container> div {\n    margin: 1% 5% 0 0;\n}\n.result{\n    padding: 10% 0 0 0;\n    font-size: 24px;\n    font-family: monospace;\n}\n.result-container{\n    \/* display: flex; *\/\n    padding-left: 60px;\n    font-family: monospace;\n    flex-wrap: wrap;\n    align-content: flex-start;\n    justify-content: center;\n}\n.btn-calculate{\n    font-family: monospace;\n    text-align: center;\n}\n.btn-calculate>button{\n    height: 35px;\n    margin-right: 12%;\n    border-radius: 10px;\n    border: 2px solid #25AA78;\n    background-color: #25AA78;\n    border-color: #25AA78;\n    font-size: 15px;\n    width: 125px;\n    cursor: pointer;\n}\n.body-background{\n    background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);\n}\n.currency{\n    background:white;\n    border-radius: 10px;\n}\n#total{\n    border: 1px solid;\n}\n#wealth-gained{\n    border: 1px solid;\n}\n#maturity-value{\n    border: 1px solid;\n}\n#investment {\n    height: 30px;\n    border-radius: 9px;\n    border-color: #333;\n}\n#years{\n    height: 30px;\n    border-radius: 9px;\n    border-color: #333;\n} \n#return-rate{\n    height: 30px;\n    border-radius: 9px;\n    border-color: #333;\n}\n<\/style>\n<script>\ncalculateResult=()=>{\n    let amountValue = document.getElementById(\"investment\").value;\n    let amountWithComma = (amountValue.split(\" \")[0]);\n    let amount = parseInt(amountWithComma.split(',').join(''));\n    document.getElementById(\"input-1\").innerHTML = isNaN(amount)?0:amount;\n\n    let years = document.getElementById(\"years\").value;\n\n    document.getElementById(\"input-2\").innerHTML = years.length===0?\"0\":years;\n\n\n    let returnRateValue = document.getElementById(\"return-rate\").value;\n    let returnRateWithComma = (returnRateValue.split(\" \")[0]);\n    let returnRate = parseInt(returnRateWithComma.split(',').join(''));\n    document.getElementById(\"input-3\").innerHTML = isNaN(returnRate)?0:returnRate;\n\n    let checkedValue = document.getElementsByName('checked')[0].checked;\n    let wealthGained = 0; total = 0;maturityValue = 0;\n\n    if(document.getElementsByName('checked')[0].checked){\n        document.getElementById(\"mode-1\").innerHTML = document.getElementsByName('checked')[0].value;\n        document.getElementById(\"mode-2\").innerHTML = document.getElementsByName('checked')[0].value;\n        document.getElementById(\"mode-3\").innerHTML = document.getElementsByName('checked')[0].value;\n\n    }\n    if(document.getElementsByName('checked')[1].checked){\n        document.getElementById(\"mode-1\").innerHTML = document.getElementsByName('checked')[1].value;\n        document.getElementById(\"mode-2\").innerHTML = document.getElementsByName('checked')[1].value;\n        document.getElementById(\"mode-3\").innerHTML = document.getElementsByName('checked')[1].value;\n    }\n    if(checkedValue){\n        wealthGained = Math.round((Math.pow((1 + (Math.pow((1 + returnRate \/ 100), (1 \/ 12)) - 1)), (years * 12)) - 1) \/ (Math.pow((1+ returnRate \/ 100), (1 \/ 12)) - 1) * amount);\n        total = (amount*12)*years; \n    }else{\n        total = amount;\n        wealthGained = Math.round(Math.pow((1 + returnRate \/ 100), years) * amount);\n    }\n\n    maturityValue = wealthGained-total;\n    total = total.toString();\n    total = total.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n    wealthGained = wealthGained.toString();\n    wealthGained = wealthGained.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n    maturityValue = maturityValue.toString();\n    maturityValue = maturityValue.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n    document.getElementById(\"investment\").value = ''\n    document.getElementById(\"years\").value = '';\n    document.getElementById(\"return-rate\").value = '';\n    console.log(total,typeof total  )\n    document.getElementById(\"total\").innerHTML = total===\"NaN\"?\"0\":total;\n    document.getElementById(\"wealth-gained\").innerHTML = wealthGained===\"NaN\"?\"0\":wealthGained;\n    document.getElementById(\"maturity-value\").innerHTML = maturityValue===\"NaN\"?\"0\":maturityValue\n}\n\ncurrencyChange=()=>{\n        let selectedValue = currency.value;\n        document.getElementById(\"currency-change-1\").innerHTML = selectedValue;\n        document.getElementById(\"currency-change-2\").innerHTML = selectedValue;\n        document.getElementById(\"currency-change-3\").innerHTML = selectedValue;\n\n}\n\ncommas=(x)=> {\n    let amount = document.getElementById(\"investment\").value;\n    let temp = amount.split(\" \")\n    if(temp.includes(\"Rs\")){\n        amount = amount.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n    }else{\n        amount = amount.replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n        document.getElementById(\"investment\").value = amount.concat(' ').concat('Rs')\n    }\n}\npercentage=(x)=>{\n    let value = document.getElementById(\"return-rate\").value;\n    let temp = value.split(\" \");\n    if(temp.length<2)\n        document.getElementById(\"return-rate\").value = value.concat(' ').concat('%')\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Mutual Fund Investment Calculator SIP LumpSum Currency &#8377; &nbsp;INR&#128176;USD Monthly Investment ? Number of Years ? Expected Rate of Return ? Calculate Result : Monthly Investment for SIP Rs.&nbsp; Number of Years SIP Years:&nbsp; Expected Rate of Return SIP %:&nbsp; Total Investment \ud83d\udcb8 Rs.&nbsp; Wealth Gained \ud83d\udcb8 Rs.&nbsp; Maturity Value \ud83d\udcb8 Rs.&nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/pages\/9301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/comments?post=9301"}],"version-history":[{"count":0,"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/pages\/9301\/revisions"}],"wp:attachment":[{"href":"https:\/\/jishafinserv.com\/jishafinserv\/wp-json\/wp\/v2\/media?parent=9301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}