-
Notifications
You must be signed in to change notification settings - Fork 0
/
startNewGame.js
106 lines (80 loc) · 2.66 KB
/
startNewGame.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
// Variaveis do jogo //
var num_cartas;
var indexConteudo;
var verificador;
var compare;
var impedeSelecao;
// Variaveis informacao //
var contadorJogadas;
var T0;
var T;
var jogoAcabou;
function comecarNovoJogo() {
// Pede ao usuario o numero de cartas
num_cartas = 0;
while (num_cartas < 4 || num_cartas > 14 || num_cartas % 2 != 0) {
num_cartas = prompt("Digite um número de cartas par entre 4 e 14");
num_cartas = parseFloat(num_cartas);
}
// Inicializa variaveis do jogo
indexConteudo = [];
verificador = [];
compare = [null, null];
impedeSelecao = false;
contadorJogadas = 0;
// escolhe os logos aleatoriamente
var logos = [0,1,2,3,4,5,6];
logos.sort(function () {
return 0.5 - Math.random();
});
var cont = 0;
for (let i = 0; i < num_cartas; i += 2) {
indexConteudo.push(logos[cont]);
indexConteudo.push(logos[cont]);
verificador.push(true);
verificador.push(true);
cont++;
}
indexConteudo.sort(function () {
return 0.5 - Math.random();
});
// Inicializa variaveis das informacoes
contadorJogadas = 0;
T = 0;
jogoAcabou = false;
// Cria as cartas HTML
var aux = "";
for (let i = 0; i < num_cartas; i++) {
var logo = indexConteudo[i];
aux += `
<div id="carta${i}" class="carta" onclick="handle_click(this)" data-identifier="card" >
<div class="verso face" data-identifier="back-face">
<img src="files/front.png" alt="">
</div>
<div class="frente face virada" data-identifier="front-face">
<img src="files/logo${logo}.svg" alt="">
</div>
</div>
`;
}
var elemento = document.querySelector(".cartas");
elemento.innerHTML = aux;
// atualiza as informacoes
var elemento = document.querySelector(".info-jogo");
elemento.classList.remove("oculto");
atualizarPuntuacao();
atualizarRelogio();
// Centraliza as cartas na janela
centralizarCartas();
}
function centralizarCartas() {
var tamCarta = 34 + 117 + 2;
var cartasPorTela = Math.trunc(window.innerWidth / tamCarta);
var larguraFila = cartasPorTela * tamCarta;
var margem = Math.trunc((window.innerWidth - larguraFila) / 2);
var elemento = document.querySelector(".cartas");
elemento.style.margin = "auto " + margem + "px";
var elemento = document.querySelector(".info-jogo");
elemento.style.width =
Math.min(num_cartas, cartasPorTela) * tamCarta - 34 + "px";
}