Repository navigation
Expand file tree
/
Copy pathraizes.html
More file actions
163 lines (156 loc) · 6.4 KB
/
Copy pathraizes.html
File metadata and controls
163 lines (156 loc) · 6.4 KB
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
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, min-resolution: 144dpi" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="materialize/css/materialize.css" media="screen,projection"/>
<title>Métodos Numéricos</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col s12 m12">
<nav>
<div class="nav-wrapper">
<div class="nav-wrapper green darken-3">
<a href="index.html" class="brand-logo"><img src = "img/logo-num.png" style="width:120px; margin-left:10px; margin-top:7px"/></a>
<a href="#" data-activates="nav-mobile2" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down" id="nav-mobile">
</ul>
<ul class="side-nav" id="nav-mobile2">
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="row" id="bisseccao">
<div class="col s12 m6">
<div class="card purple darken-1">
<div class="card-content white-text">
<span class="card-title">Bissecção</span>
<div class="entradas s12 m6">
<input type="text" id="bisseccaoFormula" placeholder="Equação / formula ex: (x^2)-3">
<input type="text" id="bisseccaoIntervalo" placeholder="Informe o intervalo ex: 1/2">
<input type="text" id="bisseccaoEpson" placeholder="Informe o epson ou precisão ex: 0.001">
</div>
</div>
<div class="card-action">
<button class="waves-effect waves-light btn green darken-1" onclick="bisseccao()" >Calcular</button>
<button class="waves-effect waves-light btn red darken-1" onclick='limpar("#bisseccao")' >Limpar</button>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Resultado</span>
<div class="saidas s12 m6">
<p>Número de iterações : <span id="bisseccaoIteracoes"></span></p>
<p>Valor de X : <span id="bisseccaoX"></span></p>
</div>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Gráfico</span>
<div id = "plotBissecbtn"></div>
</div>
</div>
<div id = "plotBissec"></div>
</div>
</div>
<div class="row" id="cordas">
<div class="col s12 m6">
<div class="card purple darken-1">
<div class="card-content white-text">
<span class="card-title">Cordas</span>
<div class="entradas s12 m6">
<input type="text" id="cordasFormula" placeholder="Equação / formula ex: (x^2)-3">
<input type="text" id="cordasIntervalo" placeholder="Informe o intervalo ex: 1/2">
<input type="text" id="cordasEpson" placeholder="Informe o epson ou precisão ex: 0.001">
</div>
</div>
<div class="card-action">
<button class="waves-effect waves-light btn green darken-1" onclick="cordas()" >Calcular</button>
<button class="waves-effect waves-light btn red darken-1" onclick='limpar("#cordas")' >Limpar</button>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Resultado</span>
<div class="saidas s12 m6">
<p>Número de iterações : <span id="cordasIteracoes"></span></p>
<p>Valor de X : <span id="cordasX"></span></p>
</div>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Gráfico</span>
<div id = "plotCordasbtn"></div>
</div>
</div>
<div id = "plotCordas"></div>
</div>
</div>
<div class="row" id="newton">
<div class="col s12 m6">
<div class="card purple darken-1">
<div class="card-content white-text">
<span class="card-title">newton</span>
<div class="entradas s12 m6">
<input type="text" id="newtonFormula" placeholder="Equação / formula ex: (x^2)-3">
<input type="text" id="newtonIntervalo" placeholder="Informe o intervalo ex: 1/2">
<input type="text" id="newtonEpson" placeholder="Informe o epson ou precisão ex: 0.001">
<input type="text" id="newtonDerivadaUm" placeholder="Informe a primeira derivada">
<input type="text" id="newtonDerivadaDois" placeholder="Informe a segunda derivada">
</div>
</div>
<div class="card-action">
<button class="waves-effect waves-light btn green darken-1" onclick="newton()" >Calcular</button>
<button class="waves-effect waves-light btn red darken-1" onclick='limpar("#newton")' >Limpar</button>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Resultado</span>
<div class="saidas s12 m6">
<p>Número de iterações : <span id="newtonIteracoes"></span></p>
<p>Valor de X : <span id="newtonX"></span></p>
</div>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue darken-1">
<div class="card-content white-text">
<span class="card-title">Gráfico</span>
<div id = "plotNewtonbtn"></div>
</div>
</div>
<div id = "plotNewton"></div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="materialize/js/materialize.js"></script>
<script type="text/javascript" src="js/site.js"></script>
<script type="text/javascript" src="js/raizes.js"></script>
<script type="text/javascript" src="js/math.js"></script>
<script type="text/javascript" src="js/d3.js"></script>
<script type="text/javascript" src="js/function-plot.js"></script>
<script type="text/javascript" src="js/draw.js"></script>
</body>
</html>