-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (88 loc) · 4.94 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset = "UTF-8">
<meta name="viewport" content="width=device-width">
<title>Juego Ahorcado</title>
<!--<link rel="stylesheet" href="reset.css">-->
<link rel="stylesheet" href="style.css">
<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:wght@300&display=swap" rel="stylesheet">
</head>
<body >
<header class="header">
<img src="Imagenes/logo.png" class="logo" >
</header>
<main class="container">
<div class="botones_iniciales" id="botones_iniciales">
<div class="contenedor_botones_iniciales">
<button type="button" display="none" class="boton" id="boton_iniciar">Iniciar Juego</button>
<button type="button" display="hidden" id="boton_agregar" >Agregar nueva palabra</button>
</div>
</div>
<div class="palabras_nuevas" id="palabras_nuevas">
<textarea name="" id="textarea_nueva_palabra" placeholder="Ingrese una palabra"></textarea>
<h6 id="condicion_palabra"><img src="Imagenes/alerta.png"> Máx. 8 letras</h6>
<div class="botones_palabra">
<button type="button" id="boton_guardar">Guardar y empezar</button>
<button type="button" id="boton_cancelar">Cancelar</button>
</div>
</div>
<div class="juego" id="juego">
<div class="imagenes_ahorcado">
<img id="ahorcado1" src="Imagenes/ahorcado_1.png" >
<img id="ahorcado2" src="Imagenes/ahorcado_2.png" >
<img id="ahorcado3" src="Imagenes/ahorcado_3.png" >
<img id="ahorcado4" src="Imagenes/ahorcado_4.png" >
<img id="ahorcado5" src="Imagenes/ahorcado_5.png" >
<img id="ahorcado6" src="Imagenes/ahorcado_6.png" >
<img id="ahorcado7" src="Imagenes/ahorcado_7.png" >
<img id="ahorcado8" src="Imagenes/ahorcado_8.png" >
<img id="ahorcado9" src="Imagenes/ahorcado_9.png" >
<img id="ahorcado10" src="Imagenes/ahorcado_10.png" >
</div>
<div class="container_letras_general">
<div class="contenedor_letras">
<textarea readonly id="Letra1" cols="1" rows="1"></textarea>
<textarea readonly id="Letra2" cols="1" rows="1"></textarea>
<textarea readonly id="Letra3" cols="1" rows="1"></textarea>
<textarea readonly id="Letra4" cols="1" rows="1"></textarea>
<textarea readonly id="Letra5" cols="1" rows="1"></textarea>
<textarea readonly id="Letra6" cols="1" rows="1"></textarea>
<textarea readonly id="Letra7" cols="1" rows="1"></textarea>
<textarea readonly id="Letra8" cols="1" rows="1"></textarea>
</div>
<div class="contenedor_guiones">
<img src="Imagenes/guion.png" id="guion1">
<img src="Imagenes/guion.png" id="guion2">
<img src="Imagenes/guion.png" id="guion3">
<img src="Imagenes/guion.png" id="guion4">
<img src="Imagenes/guion.png" id="guion5">
<img src="Imagenes/guion.png" id="guion6">
<img src="Imagenes/guion.png" id="guion7">
<img src="Imagenes/guion.png" id="guion8">
</div>
<div>
<textarea readonly id="letras_mal" rows="2"></textarea>
</div>
<div>
<textarea type="text" id="ingresar_letras" rows="1" placeholder="Ingrese una letra" autofocus="true"></textarea>
</div>
</div>
<div class="contenedor_botones_juego">
<button type="button" id="boton_nuevo_juego">Nuevo Juego</button>
<button type="button" id="boton_desistir">Desistir</button>
</div>
</div>
<div class="ganaste_perdiste" id="ganaste_perdiste">
<img id="trofeo" src="Imagenes/trofeo.png" >
<img id="perder" src="Imagenes/perder.png">
<h1 id="ganaste_perdiste_label"></h1>
<button type="button" id="boton_jugar_nuevamente">Jugar Nuevamente</button>
</div>
</main>
<footer>© Copyright Federico Pitton - 2022</footer>
</body>
<script src="funcionalidades.js"></script>
</html>