-
Notifications
You must be signed in to change notification settings - Fork 1
/
jutsu.js
140 lines (101 loc) · 3.17 KB
/
jutsu.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
140
const grid = Array.from(document.querySelector(".grid")?.children);
const estilo_btn = document.querySelector(".estilo")
const juju = document.querySelector(".jutsu");
const modal = document.getElementById("mymodal");
const modal2 = document.getElementById("mymodal2");
const modal3 = document.getElementById("mymodal3");
const carrosel_jujtsu = document.querySelector(".carrocel")
const imgs = document.getElementById("img")
const img = document.querySelectorAll("#img img")
let = dmx = 0
let modal_jutus = false
const img_info = document.querySelector(".img_info")
const img_info2 = document.querySelector(".img_info2")
const img_info3 = document.querySelector(".img_info3")
let modalActive = false;
const clicados = [];
const fire = ['snake', 'dragon', 'rabbit','tiger']
const light = ['boar','sheep','snake','horse','dragon']
const invocation = ['boar','dog','monkey','bird','sheep']
function carrosel_jutsu(){
dmx++
if(dmx > img.length -1){
dmx = 0
}
imgs.style.transform = `translateX(${-dmx * 190}px)`
}
setInterval(carrosel_jutsu,200)
//Mostra info jutsu estilo fogo
function mostrar_img(){
img_info.style.display = "block"
}
function fechar_img(){
img_info.style.display = "none"
}
//Mostra info jutsu estilo Raio
function mostrar_img2(){
img_info2.style.display = "block"
}
function fechar_img2(){
img_info2.style.display = "none"
}
//mostra invocaçao
function mostrar_img3(){
img_info3.style.display = "block"
}
function fechar_img3(){
img_info3.style.display = "none"
}
console.log(clicados)
const mostrar = async (clicked, ev) => {
if (modalActive) return;
ev.classList.add("active");
console.log(clicked)
clicados.push(clicked)
if (JSON.stringify(clicados) == JSON.stringify(invocation)){
const audio = new Audio('img/Summoning_Jutsu.mp3')
modal3.style.display = "block"
audio.play()
setTimeout(function(){
modal3.style.display = 'none'
audio.pause()
},6000)
}
if( JSON.stringify(clicados) == JSON.stringify(light)){
const audio = new Audio('img/Chidori.mp3')
modal2.style.display = "block";
audio.play()
setTimeout(function(){
modal2.style.display = "none";
grid.forEach(card => {
if (card.classList.value.includes("active")) {
card.classList.remove("active");
};
});
},12000)
}
if (JSON.stringify(clicados) == JSON.stringify(fire)) {
carrosel_jujtsu.style.display = "block"
const audio = new Audio('img/Fire_jutsu.mp3');
audio.play()
setTimeout(function(){
if( carrosel_jujtsu.style.display = "none"){
modalActive = true;
modal.style.display = "block";
setTimeout(function () {
carrosel_jujtsu.style.display = "none"
modal.style.display = "none";
modalActive = false;
audio.pause()
grid.forEach(card => {
if (card.classList.value.includes("active")) {
card.classList.remove("active");
};
});
console.log("time")
}, 7000);
}
},1100)
clicados.length = 0;
};
};