bissec-o-code/index.html at main · GabrielBuche/bissec-o-code · 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
<html>
    <head>
        <title>Bissecção COD</title>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width,initial-scale=1, user-scalable=no'>
        <meta name='author' content='calculo numerico'>
        <link href='bootstrap.css' type='text/css' rel='stylesheet' />
        <link href='layout.css' type='text/css' rel='stylesheet' />

    </head>
    <body>

            <div class="col-md-4 col-xs-12 col-sm-4" >
                <fieldset>
                    <br/>
                    <div class="container-fluid-form">
                        <label for="expressao">Expressão matemática (somente X):</label>
                        <input type="text" id="expressao" value="POW(x, 3) - 9*x + 3" class="form-control" />
                    </div>
                    <br/>
                    <div class="container-fluid-form">
                        <label for="precisao">Precisão:</label>
                        <input type="number" value="0.0001" step="0.00001" id="precisao" class="form-control" />
                    </div>
                    <br/>
                    <div class="row">
                        <div class="container-fluid-form col-md-3 col-xs-12 col-sm-3">
                            <label for="fxReal">Valor F(x):</label>
                            <input type="number" value="0" id="fxReal" class="form-control" />
                        </div>
                        <div class="container-fluid-form col-md-3 col-xs-12 col-sm-3">
                            <label for="a">Valor menor (A):</label>
                            <input type="number" value="0" id="a" class="form-control" />
                        </div>
                        <div class="container-fluid-form col-md-3 col-xs-12 col-sm-3">
                            <label for="b">Valor maior (B):</label>
                            <input type="number" value="1" id="b" class="form-control" />
                        </div>
                        <div class="container-fluid-form col-md-3 col-xs-12 col-sm-3">
                            <label for="casas">Casas:</label>
                            <input type="number" value="6" id="casas" class="form-control" />
                        </div>
                    </div>

                    <br/><br/>
                    <input type="radio" name="type" value="0" checked>Bissecção

                    <br/><br/>

                    <button id="calcular">CALCULAR</button>
                    <button id="limpar">LIMPAR RESULTADOS</button>

                    <br/><br/><br/>

                    <div id="resultTxt"></div>

                </fieldset>

            </div>


            <div class="col-md-8 col-xs-12 col-sm-8">
                    <fieldset>

                        <legend>Resultados</legend>

                        <br/>

                        <div class="table-responsive">

                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Exe</th>
                                        <th>A</th>
                                        <th>f(A)</th>
                                        <th>B</th>
                                        <th>f(B)</th>
                                        <th>N</th>
                                        <th>f(N)</th>
                                        <th>Erro</th>
                                    </tr>
                                </thead>
                                <tbody id="result">

                                </tbody>
                            </table>
                        </div>

                    </fieldset>

                </div>

    </body>

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

    </html>