-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjuego_js.html
105 lines (105 loc) · 3.69 KB
/
juego_js.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>Juego JS</title>
</head>
<body>
<div class="container_principal">
<header class="header_container">
<nav class="nav_principal">
<ul class="ul_inicial">
<li>
<a href="./index.html">Inicio</a>
</li>
<li class="li_inicial">
<a href="./preguntas.html">Preguntas</a>
</li>
<li>
<a href="https://web.curza.uncoma.edu.ar/">Pagina del Curza</a>
</li>
<li>
<a href="./acerca_de.html">Acerca de</a>
</li>
<li>
<a href="./contacto.html">Contacto</a>
</li>
</ul>
</nav>
<h1 class="main_text">¡Juego de Piedra, Papel o Tijera!</h1>
<img src="./img/logo_curza.jpeg" alt="imagen del curza" class="img_usuario_logo_curza">
</header>
<main class="main_juego">
<section class="section_juego">
<p>Selecciona una opción:</p>
<div class="choices">
<div class="choice" onclick="play('Piedra')">
<img src="./img/mano_piedra.png" alt="Piedra" width="100">
<p>Piedra</p>
</div>
<div class="choice" onclick="play('Papel')">
<img src="./img/mano_papel.png" alt="Papel" width="100">
<p>Papel</p>
</div>
<div class="choice" onclick="play('Tijera')">
<img src="./img/mano_tijera.png" alt="Tijera" width="100">
<p>Tijera</p>
</div>
</div>
<div class="images">
<div>
<p>Tu elección:</p>
<img id="userImage" src="./img/pregunta.png" alt="Tu elección" width="100">
</div>
<div>
<p>Elección de la computadora:</p>
<img id="computerImage" src="./img/pregunta.png" alt="Elección de la computadora" width="100">
</div>
</div>
<div class="result" id="result"></div>
</section>
</main> <footer>
<section>
<h2>Contacto</h2>
<address>
<p>Marcelo Andreola</p>
<p>email: <a href="#">[email protected]</a></p>
</address>
</section>
<section>
<h2>Universidad del comahue</h2>
<p>Direccion: Monseñor Esandi y Ayacucho, 8500, Viedma, Río Negro, Argentina</p>
</section>
<nav>
<ul>
<li>
<a href="./index.html">Inicio</a>
</li>
<li class="li_inicial">
<a href="./preguntas.html">Preguntas</a>
</li>
<li>
<a href="https://web.curza.uncoma.edu.ar/">Pagina del Curza</a>
</li>
<li>
<a href="./acerca_de.html">Acerca de</a>
</li>
</ul>
</nav>
<section>
<p>© 2024 Marcelo Andreola. Todos los derechos reservados.</p>
</section>
</footer>
</div>
<section>
<a href="#" class="scroll-to-top">
<div class="circle">
<span class="arrow">↑</span>
</div>
</a>
</section>
<script src="./archivo_javascript.js"></script>
</body>
</html>