Build SIP investment calculator using JavaScript

Building a SIP (Systematic Investment Plan) investment calculator using JavaScript can be a great way to provide users with a tool to estimate their potential returns over time.

Key points about building this calculator:

1.HTML Structure: Provides input fields for investment amount, interest rate, and investment period.

2.JavaScript Function (cal

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SIP Calculator</title>
    <style>
        body {
            background-color: black; 
            color: white;
            font-family: Times new Roman, sans-serif;
        text-align:center;
        }
        h2 {
            color: red; 
            text-align:center;
        }
    </style>
</head>
<body>
    <h2>SIP Calculator</h2>
    <label for="Amount">Provide Monthly Investment Amount ($):</label>
    <input type="number" id="Amount"><br><br>
    <label for="annualIntRate">Provide Annual Interest Rate (%):</label>
    <input type="number" id="annualIntRate"><br><br>
    <label for="investPeriod">Provide Investment Period (years):</label>
    <input type="number" id="investPeriod"><br><br>
    <button type = "button" onclick="calSIP()">Calculate the Final Amount</button><br><br>
    <div id="result"></div>

    <script>
        function calSIP() {
            var Amount = parseFloat(document.getElementById('Amount').value);
            var annualIntRate = parseFloat(document.getElementById('annualIntRate').value);
            var investPeriod = parseFloat(document.getElementById('investPeriod').value);

            var monthlyIntRate = annualIntRate / 100 / 12;
            var totalMon = investPeriod * 12;

            var futureVal = Amount * Math.pow(1 + monthlyIntRate, totalMon);

            var resultEle = document.getElementById('result');
            resultEle.innerHTML = "Total Amount: $" + futureVal.toFixed(2);
        }
    </script>
</body>
</html>

SIP()): Calculates the future value of the investment using the formula for compound interest.

3.Displaying Results: Updates the HTML to display the calculated total investment, future value, and total profit.

Related Posts

Leave a Comment Cancel Reply