Factor_Formulas/index.html at master · curiouskunal/Factor_Formulas · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Basic Page Needs
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8">
    <title>Factor Formulas</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Mobile Specific Metas
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- FONT
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">

    <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="assets/Skeleton-2.0.4/css/normalize.css">
    <link rel="stylesheet" href="assets/Skeleton-2.0.4/css/skeleton.css">
    <link rel="stylesheet" href="style.css">


    <!-- Favicon
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="icon" type="image/png" href="assets/Skeleton-2.0.4/images/favicon.png">

</head>
<body>

<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
    <h1>Factor Formulas</h1>
    <div class="container" style="text-align: center">
        <a class="button button-primary" id="Factor_button">Factor</a>
        <a class="button" id="iEffective_button">i effective</a>
        <a class="button" id="Depreciation_button">Depreciation</a>
    </div>

    <div id="TimeValueOfMoney" class="">
        <h4>Time value of Money</h4>

        <div class="container">
            <label for="SelectFactor">Formulas</label>
            <select class="u-full-width" id="SelectFactor">
                <option value="F/P">F/P - Compound Amount Single Payment</option>
                <option value="P/F">P/F - Present Worth Single Payment</option>
                <option value="A/F">A/F - Sinking Fund Payment Series</option>
                <option value="F/A">F/A - Compound Amount Payment Series</option>
                <option value="A/P">A/P - Capital Recovery Payment Series</option>
                <option value="P/A">P/A - Present Worth Payment Series</option>
                <option value="A/G">A/G - Uniform Gradient Series</option>
            </select>
        </div>

        <div id="FormulaInput" class="container">

            <form name="myForm">

                i: <input type="number" name="i"> % <br>
                N: <input type="number" name="N"> <br>

                <div id="show_hide">
                    g: <input type="number" name="g"> % i_not= <a class = "copy" id = inotVal onclick="select_all_and_copy(this)">? </a> %<br>
                </div>

                <input type="button" value="Submit" onclick="result()">
            </form>

        </div>

        <div id="FormulaResult" class="container">
            <a id = ansText >Answer =</a>
            <input type="number" name="num" id="num">
            <a>*</a>
            <a id="ans" class="copy" onclick="select_all_and_copy(this)"> Factor  </a>
            <a>=</a> <br>

            <a id="final" class="copy" onclick="select_all_and_copy(this)"> Result </a>

            <button onclick="answer()">Calculate</button>
        </div>
    </div>

    <div id="iEffective" class="hide">
        <h4>Effective Interest</h4>
        <div class="container">

            <form name="effectiveCalc">

                i : <input type="number" name="i">% <br>
                m : <input type="number" name="m"><br>
                k : <input type="number" name="k"> <br>
                <a>  =  </a>
                <a id="Ie" class="copy" onclick="select_all_and_copy(this)"> Ie  </a> %
                <br>
                <input type="button" value="Calculate" onclick="iEffective()">
            </form>
        </div>
    </div>

    <div id="Depreciation" class="hide">
        <h4> Depreciation: </h4>

        <div class="container">
            <form name="depreciation">

                <input type="radio" name="Dep" value="StraightLine"> Straight Line
                <input type="radio" name="Dep" value="DecliningBalance"> Declining Balance<br>

                N: <input type="number" name="N">
                P: <input type="number" name="P">
                S: <input type="number" name="S">
                at n years: <input type="number" name="n"> <br>
                d : <input type="number" name="d"> % <br>

                <input type="button" value="Submit" onclick="BV()">
            </form>

            BookValue = $<a id="BookVal"> val </a>
        </div>
    </div>
</div>

<p class="hide">This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some
    content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
</div>

<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->

<!-- Scripts
-------------------------------------------------- -->
<script src="button_script.js"></script>
<script src="logic_script.js"></script>
<!--http://www.seabreezecomputers.com/tips/copy2clipboard.htm-->
<script src="assets/Copy2clipboard/copy2clipboard.js"></script>

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-91812099-1', 'auto');
    ga('send', 'pageview');

</script>

</body>
</html>