-
Notifications
You must be signed in to change notification settings - Fork 0
/
codigo.js
139 lines (128 loc) · 4.59 KB
/
codigo.js
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
133
134
135
136
137
138
139
let nombre;
let etiquetaJugador;
let botonNombre;
let errorNombre;
let puntosOrdenador;
let puntosPersona;
let piedra;
let papel;
let tijera;
let lagarto;
let spock;
let resultado;
let imagenCentral;
let opcionJugador; //es la opcion elegida para compararla
let opcionOrdenador; //es la opcion elegida para compararla
let eleccionjugador; // es la etiqueta del html del texto
let eleccionordenador; // es la etiqueta del html del texto
let puntos;
function quienGana(opcionJugador)
{
// Generar una eleccion aleatoria para el ordenador, desde un array de opciones
const opciones = ["piedra", "papel", "tijera", "lagarto", "spock"];
const randomIndex = Math.floor(Math.random() * opciones.length);
opcionOrdenador = opciones[randomIndex];
eleccionjugador.textContent = opcionJugador;
eleccionordenador.textContent = opcionOrdenador;
// Implementación de la lógica para determinar cual es el ganador
if (opcionJugador === opcionOrdenador)
{
resultado.textContent = "Empate";
}
else if (
(opcionJugador === "piedra" && (opcionOrdenador === "tijera" || opcionOrdenador === "lagarto")) ||
(opcionJugador === "papel" && (opcionOrdenador === "piedra" || opcionOrdenador === "spock")) ||
(opcionJugador === "tijera" && (opcionOrdenador === "papel" || opcionOrdenador === "lagarto")) ||
(opcionJugador === "lagarto" && (opcionOrdenador === "papel" || opcionOrdenador === "spock")) ||
(opcionJugador === "spock" && (opcionOrdenador === "piedra" || opcionOrdenador === "tijera"))
)
{
resultado.textContent = "Ganaste";
puntos = parseInt(puntosPersona.textContent, 10);
puntos += 1;
puntosPersona.textContent = puntos.toString();
}
else
{
resultado.textContent = "Perdiste";
puntos = parseInt(puntosOrdenador.textContent, 10);
puntos += 1;
puntosOrdenador.textContent = puntos.toString();
}
}
// Al poner el nombre correctamente, se coloca el nombre del jugador en su sitio y
// se resetea el contador de puntos a 0, tanto para el ordenador, como para el jugador
function comenzarPartida()
{
etiquetaJugador.textContent = "Puntuación de "+nombre.value+": ";
puntos = 0;
puntosOrdenador.textContent = puntos.toString();
puntosPersona.textContent = puntos.toString();
}
// No se puede empezar a jugar, hasta que no hayan puesto el nombre. Así que hasta que no
// pongan un nombre valido, no empezará la partida. Ocuntamos los "botones" de las imagenes
// para que no empiecen a jugar antes de tiempo.
function ocultarTodo()
{
persona.style.visibility="hidden";
ordenador.style.visibility="hidden";
}
function visualizarTodo()
{
persona.style.visibility="visible";
ordenador.style.visibility="visible";
}
// El nombre no puede estar vacio
// El nombre no puede contener espacios al principio o al final
function verificarNombre()
{
if(nombre.value.length == 0)
{
errorNombre.textContent ="El nombre no puede estar vacío";
ocultarTodo();
}
else{
errorNombre.textContent ="";
comenzarPartida();
visualizarTodo();
}
}
function inicializarVariables ()
{
nombre = document.getElementById('nombre');
etiquetaJugador = document.getElementById("etiquetaJugador");
botonNombre = document.getElementById("botonNombre");
errorNombre = document.getElementById("errorNombre");
persona = document.getElementById("persona");
ordenador = document.getElementById("ordenador");
imagenCentral = document.getElementById("imagencentro");
puntosOrdenador = document.getElementById("puntos-ordenador");
puntosPersona = document.getElementById("puntos-persona");
piedra = document.getElementById("piedra");
papel = document.getElementById("papel");
tijera = document.getElementById("tijera");
lagarto = document.getElementById("lagarto");
spock = document.getElementById("spock");
eleccionjugador = document.getElementById("eleccionjugador");
eleccionordenador = document.getElementById("eleccionordenador");
resultado = document.getElementById("resultado");
}
function pelotas ()
{
alert('pelotas');
}
function setListeners()
{
nombre.addEventListener('change', verificarNombre);
botonNombre.addEventListener('click',verificarNombre);
piedra.addEventListener('click', () => quienGana("piedra"));
papel.addEventListener('click', () => quienGana("papel"));
tijera.addEventListener('click', () => quienGana("tijera"));
lagarto.addEventListener('click', () => quienGana("lagarto"));
spock.addEventListener('click', () => quienGana("spock"));
}
window.addEventListener("load",() => {
ocultarTodo();
inicializarVariables();
setListeners();
});