-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (132 loc) · 6.42 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heroes</title>
<script defer src="db.js"></script>
<script defer src="Heroe.js"></script>
<script defer src="Registro.js"></script>
<script defer src="menus.js"></script>
<script defer src="utils.js"></script>
<script defer src="main.js"></script>
<link rel="stylesheet" href="main.css">
</head>
<body>
<nav>
<ul id="menus"></ul>
</nav>
<main>
<!-- <section class="area" id="todosHeroes"></section> -->
<section class="invisible area" id="registrar">
<form id="registraHeroe">
<!--this.nombre = ""
this.ciudad = ""
this.anios = 0
this.genero = ""
this.haspowers = false
this.powers = []
this.capa = false
this.enemy = false;
this.terrestre = false
this.weakness = false
this.allweakness = []
this.tools = false-->
<div class="control">
<label for="nombre">Nombre de SuperHeroe:</label>
<input type="text" id="nombre" name="nombre"> <!-- { type: "text", id: "nombre", "name": "nombre" } -->
</div>
<div class="control">
<label for="ciudad">Ciudad: </label>
<input type="text" id="ciudad" name="ciudad">
</div>
<div class="control">
<label for="anios">Años Activo: </label>
<input type="number" id="anios" name="anios">
</div>
<div class="control">
<label for="genero">Genero: </label>
<div class="controlMutiple">
<input type="radio" name="genero" id="genero" value="M"> Masculino
<input type="radio" name="genero" id="genero" value="F"> Femenino
</div>
</div>
<div class="control">
<label for="haspowers">Poderes: </label>
<div class="controlMutiple">
<input type="radio" name="haspowers" id="haspowers" value="S"> Si
<input type="radio" name="haspowers" id="haspowers" value="N"> No
</div>
</div>
<div class="control">
<label for="powers">Poderes (Separar cada poder con una coma):</label>
<textarea name="powers" id="powers" cols="30" rows="5"></textarea>
</div>
<div class="control">
<label for="capa">Usa Capa: </label>
<div class="controlMutiple">
<input type="radio" name="capa" id="capa" value="S"> Si
<input type="radio" name="capa" id="capa" value="N"> No
</div>
</div>
<div class="control">
<label for="enemy">Enemigos: </label>
<div class="controlMutiple">
<input type="radio" name="enemy" id="enemy" value="S"> Si
<input type="radio" name="enemy" id="enemy" value="N"> No
</div>
</div>
<div class="control">
<label for="terrestre">Terrestre: </label>
<div class="controlMutiple">
<input type="radio" name="terrestre" id="terrestre" value="S"> Si
<input type="radio" name="terrestre" id="terrestre" value="N"> No
</div>
</div>
<div class="control">
<label for="weakness">Debilidades: </label>
<div class="controlMutiple">
<input type="radio" name="weakness" id="weakness" value="S"> Si
<input type="radio" name="weakness" id="weakness" value="N"> No
</div>
</div>
<div class="control">
<label for="allweakness">Debilidades (Separar cada debilidad con una coma):</label>
<textarea name="allweakness" id="allweakness" cols="30" rows="5"></textarea>
</div>
<div class="control">
<label for="tools">Herramientas: </label>
<div class="controlMutiple">
<input type="radio" name="tools" id="tools" value="S"> Si
<input type="radio" name="tools" id="tools" value="N"> No
</div>
</div>
<div class="control">
<input type="submit" value="Guardar">
</div>
</form>
</section>
<section class="invisible area" id="buscar">
<form id="busquedaHeroe">
<div class="control">
<label for="busqueda">Buscar Por...</label>
<select name="busqueda" id="busqueda">
<option value="-1">Selecciona</option>
<option value="nombre">Nombre</option>
<option value="ciudad">Ciudad de Origen</option>
<option value="genero">Genero</option>
</select>
</div>
<div class="control">
<label for="">Valor</label>
<input name="dato" id="dato" type="text" disabled="true" placeholder="buscar heroe por...">
</div>
<div class="control">
<input type="submit" value="Buscar">
</div>
</form>
<section id="imprime"></section>
</section>
</main>
</body>
</html>