Simple-Savings-Calculator/index.html at master · mhbates/Simple-Savings-Calculator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Simple Savings Calculator</title>
            <link rel="stylesheet" type="text/css" href="style.css">
        </head>

        <body>

            <div id="div1" class="center">

                <h1>Simple Savings Calculator</h1>
                <p>
                    <a href="https://github.com/mhbates/Simple-Savings-Calculator" target="_blank">GitHub</a> |
                    <a href="http://www.mhbates.com" target="_blank">mhbates.com</a>
                </p>

                <form action="javascript:calc();">
                    <p><input id="principal" type="number" min="0" step="any" placeholder="Enter principal amount here" required></p>
                    <p><input id="interestRate" type="number" min="0" step="any" placeholder="Enter annual interest rate here" required></p>
                    <p>
                        <label>Compound Rate:</label>
                        <input id="dailyCompound" type="radio" name="compoundRate" value="Day" onclick="compoundDaily()" required>Daily
                        <input id="monthlyCompound" type="radio" name="compoundRate" value="Month" onclick="compoundMonthly()">Monthly
                        <input id="yearlyCompound" type="radio" name="compoundRate" value="Year" onclick="compoundYearly()">Yearly
                    </p>
                    <p><input id="timeframe" type="number" min="1" max="365" placeholder="Select compound rate" required></p>
                    <p><input type="submit" value="Calculate"><input type="reset" value="Clear" onclick="clearTable()"></p>
                </form>

                <script src="scripts.js"></script>

            </div>
        </body>
    </html>