matFin/index.html at master4 · tyasuok/matFin · 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
<!DOCTYPE html>
<html>
<head>
    <title>MatFin Juros</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arvo" />
    <link rel="icon" href="images/fea_usp2.png" />
    <script src="index.js"></script>
    <!-- <script src="https://unpkg.com/javascript-lp-solver/prod/solver.js"></script> -->
    <script src="https://unpkg.com/optimization-js@latest/dist/optimization.js"></script>
    <!-- <script src="constraint.min.js"></script> -->
</head>
<body>
    <section class="grid">
        <!-- <section class="juros">
            <h2>Cálculo de Juros Compostos</h2>

            <div>
                <input type="text" placeholder="Principal" id="principal">
            </div>
            <div>
                <input type="text" placeholder="Taxa de Juros" id="taxaJuros">
            </div>
            <div>
                <input type="text" placeholder="Número de Períodos" id="periodos">
            </div>
            <div>
                <button type="button" onclick="compoundInterest()">Calcular Montante</button>
            </div>
            <div class = "montante" id="montanteSimples"></div>
            <div class = "montante" id="montanteComposto"></div>
            <div class = "montante" id="montanteContinuo"></div>

            <img src="images/fea_usp.png" id="logoFea">
        </section> -->

        <section class="imob">
            <h2>Cálculo de Financiamento Imobiliário (considerar tabela Price)</h2>

            <div>
                <input type="text" placeholder="R$" id="valorImovel">
                <span>Valor do Imóvel (em R$)</span>
            </div>
            <div>
                <input type="text" placeholder="." id="entradaImovel">
                <span>Entrada (em decimal)</span>
            </div>
            <div>
                <input type="text" placeholder="número de anos" id="nImovel">
                <span>Tempo do financiamento (em anos)</span>
            </div>
            <div>
                <input type="text" placeholder="." id="bancoJurosImovel">
                <span>Taxa de juros cobrada pelo banco (anual, em decimal)</span>
            </div>
            <div>
                <input type="text" placeholder="." id="retorno">
                <span>Expectativa de retorno de seus investimentos (em decimal, no ano)</span>
            </div>
            <div>
                <select id="nDormitorios">
                    <option value=2>2</option>
                    <option value=3>3</option>
                    <option value=4>4</option>
                </select>
                <span>Número de Dormitórios</span>
            </div>

            <div>
                <button type="button" onclick="opt()">Calcular</button>
            </div>
            <div>
                <button type="button" onclick="limpar()">Limpar</button>
            </div>
            <div class="montante" id="valorTotal"></div>
            <div class="montante" id="finImovel"></div>
            <div class="montante" id="tempo"></div>

            <!-- <div class = "montante" id="montanteSimples"></div>
            <div class = "montante" id="montanteComposto"></div>
            <div class = "montante" id="montanteContinuo"></div> -->

            <img src="images/fea_usp.png" id="logoFea">
        </section>

        <!-- <button onclick=getInputs()> teste </button> -->
        <!-- <div>testeestestestes</div> -->
        <!-- <div>teste</div> -->

        <!-- <section class="serie">
            <h2>Cálculo através de série de pagamentos</h2>

            <div>
                <input type="text" placeholder="Depósito" id="deposito">
            </div>
            <div>
                <input type="text" placeholder="Taxa de Juros" id="taxaJurosSeries">
            </div>
            <div>
                <input type="text" placeholder="Número de Períodos" id="periodosSeries">
            </div>
            <div>
                <button type="button" onclick="regularSeries()">Calcular Montante</button>
            </div>
            <div class = "montante" id="serieUniformePostecipada"></div>
            <div class = "montante" id="montanteComposto"></div>
            <div class = "montante" id="montanteContinuo"></div> -->

            <img src="images/fea_usp.png" id="logoFea">

        </section>
    </section>
</body>
</html>