-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (74 loc) · 3.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simpson Card Game</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="icon" href="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c043f7b9-ccc0-40f6-8a6f-bdce64c0d08e/d5n4wad-783e8fea-f3d8-4a80-8013-502511fc5c53.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MwNDNmN2I5LWNjYzAtNDBmNi04YTZmLWJkY2U2NGMwZDA4ZVwvZDVuNHdhZC03ODNlOGZlYS1mM2Q4LTRhODAtODAxMy01MDI1MTFmYzVjNTMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.OilxTJlqMQkx_EHx0ulMorO-TcC6DCc0LqDhjQqGxJ0" type="image/png">
</head>
<body>
<script>
/*todo lo que involucre cargar imagenes a la pagina se debera declarar aqui */
let cartasSimpson = ["./img/burns.PNG", "./img/fresuisus.PNG", "./img/gabbo.PNG", "./img/homer.PNG", "./img/krusty.PNG", "./img/mrspakle.PNG"];
cartasSimpson = cartasSimpson.concat(cartasSimpson) //duplicamos el array dado que son parejas
function resetarImagenes() { //da la vuelta a la imágenes que no han encontrado su pareja
cartas.forEach(carta => {
if (!carta.classList.contains("encontrada")) {
carta.src = "./img/images.png";
}
});
}
function reiniciarCartas(){ //funcion que gira las cartas para poder volver a jugar
cartas.forEach(carta =>{
carta.src = "./img/images.png";
});
}
function cambiarAMordida(){
document.getElementById("rosquilla").src = "./img/rosquilla-mordida.png";
}
</script>
<div class="footer-derecho">
<p>© 2023 The Simpsons.</p>
</div>
<audio src="./sonido/efecto.mp3" id="efecto-carta"></audio><audio src="./sonido/risa-nelson.mp3" id="risa-nelson"></audio>
</audio><audio src="./sonido/simpsons-intro.mp3" id="simpsons-intro" style="display: none;"></audio><audio src="./sonido/morder-rosquilla.mp3" id="morder-rosquilla"></audio>
<img class="logo" src="./img/titulo.png" alt="logo"><br><br>
<div id="cuadro-juego-completado">
<div class="mensaje-completado">COMPLETADO</div>
<hr>
<div id="numero-intentos"></div>
<hr>
<div id="tiempo-jugado"></div>
<hr>
<div id="puntuacion"></div>
<hr>
<img src="./img/rosquilla.png" alt="rosquilla" id="rosquilla">
</div><br>
<div id="mensaje-desarrollador">Desarrollado por <u>Adrián Manso</u>.</div>
<div class="juego">
<table cellspacing="15">
<tr>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
</tr>
<tr>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
</tr>
<tr>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
<td><img src="./img/images.png" class="carta" alt=""></td>
</tr>
</table><br><br>
</div><br><br>
<img src="./img/rosquilla-mano.png" id="mano-rosquilla">
<script src="./js/index.js"></script>
</body>
</html>