-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathIndex.html
More file actions
117 lines (104 loc) · 6.36 KB
/
Copy pathIndex.html
File metadata and controls
117 lines (104 loc) · 6.36 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
<!DOCTYPE html>
<html>
<head><title>Programa de Álgebra</title>
<meta charset="utf-8"><link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/mathjs@11.11.0/lib/browser/math.js"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<div class="back" id="back"></div>
<!-- - - - MAIN - - - -->
<main>
<div class="title">Álgebra Lineal</div>
<div class="text">Programa que resuelve S.E.L por metodo de Gauss, Gauss-Jordan y Cramer, así como otras operaciones con matrices</div>
</main>
<!-- - - - FORM - - - -->
<div class="form">
<div class="form_left">
<div class="option"><b>Operaciones con matrices</b></div>
<div class="option selected" data-target="sum"><div>Suma de matrices</div></div>
<div class="option" data-target="subs"><div>Resta de matrices</div></div>
<div class="option" data-target="product"><div>Producto de matrices</div></div>
<div class="option" data-target="scal"><div>Matriz por escalar</div></div>
<div class="option" data-target="trans"><div>Transpuesta</div></div>
<div class="option" data-target="det"><div>Determinante</div></div>
<div class="option" data-target="inv"><div>Inversa</div></div>
<div class="option"><b>Solución de S.E.L</b></div>
<div class="option" data-target="gauss"><div>Método de Gauss</div></div>
<div class="option" data-target="jordan"><div>Método de Gauss-Jordan</div></div>
<div class="option" data-target="cramer"><div>Regla de Cramer</div></div>
</div>
<div class="form_rigth">
<div class="main_form">
<div class="data" id="sum">
<div class="text"><b>Ingrese el tamaño de las matrices:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="sum_subs(1)">Ingresar datos</button></div>
</div>
<div class="data" id="subs">
<div class="text"><b>Ingrese el tamaño de las matrices:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="sum_subs(2)">Ingresar datos</button></div>
</div>
<div class="data" id="product">
<div class="text"><b>Ingrese el tamaño de la primer matriz:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div class="text"><b>Ingrese el tamaño de la segunda matriz:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="product()">Ingresar datos</button></div>
</div>
<div class="data" id="scal">
<div class="text"><b>Ingrese el tamaño de la matriz:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div class="text"><b>Ingrese el numero/escalar:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="scal()">Ingresar datos</button></div>
</div>
<div class="data" id="trans">
<div class="text"><b>Ingrese el tamaño de la matriz:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="trans()">Ingresar datos</button></div>
</div>
<div class="data" id="det">
<div class="text"><b>Ingrese el tamaño de la matriz:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="det()">Ingresar datos</button></div>
</div>
<div class="data" id="inv">
<div class="text"><b>Ingrese el tamaño de la matriz:</b></div>
<div class="box_1"><textarea rows="1" cols="3"></textarea><div class="text" style="padding-inline: 2rem;">X</div>
<textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="inverse()">Ingresar datos</button></div>
</div>
<div class="data" id="gauss">
<div class="text"><b>Ingrese el numero de ecuaciones:</b></div><div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div class="text"><b>Ingrese el numero de variables:</b></div><div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="gauss()">Ingresar datos</button></div>
</div>
<div class="data" id="jordan">
<div class="text"><b>Ingrese el numero de ecuaciones:</b></div><div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div class="text"><b>Ingrese el numero de variables:</b></div><div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="gauss()">Ingresar datos</button></div>
</div>
<div class="data" id="cramer">
<div class="text"><b>Ingrese el numero de ecuaciones:</b></div><div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div class="text"><b>Ingrese el numero de variables:</b></div><div class="box_1"><textarea rows="1" cols="3"></textarea></div>
<div style="display: flex; justify-content: center;"><button class="button" onclick="gauss()">Ingresar datos</button></div>
</div>
</div>
</div>
</div>
<!-- - - - SCRIPTS - - - -->
<script src="options.js"></script>
<script src="data.js"></script>
</body>
</html>