-
Notifications
You must be signed in to change notification settings - Fork 0
/
script-quiz.js
316 lines (269 loc) · 11.8 KB
/
script-quiz.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
const btnVolverQuiz = clase('.volver-quiz');
const pAciertosQuiz=clase('.aciertos-quiz');
const btnNuevoQuiz=clase('.nuevo-quiz');
const btnRendirseQuiz=clase('.rendirse-quiz');
const pPreguntaQuiz= clase('.p-pregunta-quiz');
const pPreguntaQuiz2= clase('.p-pregunta-quiz-2');
const pPreguntaQuiz3= clase('.p-pregunta-quiz-3');
const pFinQuiz= clase('.p-fin-quiz');
const seleccionQuizes= clase('.seleccion-quizes');
const btnSeleccionQuiz1= clase('.seleccion-quiz-1');
const btnSeleccionQuiz2= clase('.seleccion-quiz-2');
const btnSeleccionQuiz3= clase('.seleccion-quiz-3');
const quizBotones= clase('.quiz-botones-1');
const quizBotones2= clase('.quiz-botones-2');
const quizBotones3= clase('.quiz-botones-3');
var quiz1= clase('.quiz-preguntas1');
var quiz2= clase('.quiz-preguntas2');
var quiz3= clase('.quiz-preguntas3');
btnInicialJuegoQuiz.onclick= elegirQuiz;
btnSeleccionQuiz1.onclick=iniciarQuiz;
btnSeleccionQuiz2.onclick=iniciarQuiz2;
btnSeleccionQuiz3.onclick=iniciarQuiz3;
btnRendirseQuiz.onclick=rendirseQuiz;
btnNuevoQuiz.onclick=elegirQuiz;
btnVolverQuiz.onclick=volverQuiz;
let listaPreguntas =
['Cuál es su segundo nombre?',
'Cómo se llama su emprendimiento?',
'Qué ascendencia tiene su familia materna? ',
'Quiénes son Mia y Valentina?',
'De qué da clases?',
'Cuál es su banda favorita?',
'Quién es Lorenzo?',
'De qué toma clases en el gimnasio?',
'Dónde trabaja?',
'Con qué prefiere su gin tonic?'];
let correctaQuiz = [2,3,1,1,3,0,1,3,1,2];
let opcionesQuiz = [];
opcionesQuiz.push(['Kathia','Katrina','Katherine','Katalina']);
opcionesQuiz.push(['Sweet Nan','Sweet Kathy','Sweetberries','Sweet Kate']);
opcionesQuiz.push(['Española','Chilena','Peruana','Cubana']);
opcionesQuiz.push(['Sus primas cercanas','Sus hermanas','Sus madrinas','Sus mejores amigas']);
opcionesQuiz.push(['De pilates','De funcional','De danzas clásicas','De elongación']);
opcionesQuiz.push(['No Te Va Gustar','Reik','Morat','Guasones']);
opcionesQuiz.push(['Su vecino favorito','Su ahijado','Su padrino','Su hermano']);
opcionesQuiz.push(['De GAP','De funcional','De calistenia','De crossfit']);
opcionesQuiz.push(['En una lanera nacional','En una oficina administrativa','En una editorial','En una pastelería']);
opcionesQuiz.push(['Mandarina','Pomelo','Frutos rojos','Solo con Sprite']);
let posicionActual = 0;
let preguntasRespondidas= 0;
let respuestasCorrectas = 0;
function elegirQuiz(){
sectionInicial.style.display='none';
sectionJuegoQuiz.style.display='flex';
seleccionQuizes.style.display='flex';
quiz1.style.display='none';
quiz2.style.display='none';
quiz3.style.display='none';
sectionFinQuiz.style.display='none';
}
function iniciarQuiz(){
sectionInicial.style.display='none';
sectionJuegoQuiz.style.display='flex';
quiz1.style.display='flex';
quiz2.style.display='none';
quiz3.style.display='none';
sectionFinQuiz.style.display='none';
seleccionQuizes.style.display='none';
posicionActual = 0;
respuestasCorrectas = 0;
preguntasRespondidas = 0;
cargarPregunta();
}
function cargarPregunta(){
if(listaPreguntas.length <= posicionActual){
terminarJuego();
}
else{
limpiaropcionesQuiz();
pPreguntaQuiz.innerHTML=`${listaPreguntas[posicionActual]}`;
document.getElementById("opc0").innerHTML = opcionesQuiz[posicionActual][0];
document.getElementById("opc1").innerHTML = opcionesQuiz[posicionActual][1];
document.getElementById("opc2").innerHTML = opcionesQuiz[posicionActual][2];
document.getElementById("opc3").innerHTML = opcionesQuiz[posicionActual][3];
}
}
function limpiaropcionesQuiz(){
document.getElementById("opc0").className = "opcion-quiz btn";
document.getElementById("opc1").className = "opcion-quiz btn";
document.getElementById("opc2").className = "opcion-quiz btn";
document.getElementById("opc3").className = "opcion-quiz btn";
}
function comprobarRespuesta(opcElegida){
if(opcElegida==correctaQuiz[posicionActual]){
document.getElementById(`opc${opcElegida}`).className = "opcion-quiz btn opcionCorrecta";
respuestasCorrectas++;
preguntasRespondidas++;
}else{
document.getElementById(`opc${opcElegida}`).className = "opcion-quiz btn opcionIncorrecta";
document.getElementById(`opc${correctaQuiz[posicionActual]}`).className = "opcion-quiz btn opcionCorrecta";
preguntasRespondidas++;
}
posicionActual++;
setTimeout(cargarPregunta,1200);
}
// QUIZ 2
let listaPreguntas2 =
['Dónde trabaja?',
'De qué equipo de fútbol es hincha?',
'Cuál es su banda favorita?',
'Quién es Luca?',
'Cuánto/as hermano/as tiene?',
'Cuál es su cerveza favorita?',
'Cuál es su personaje favorito de Marvel?',
'Cuál es su juego favorito de Play 4?',
'Cuándo viajó por primera vez en avión?',
'Cuál fue su primer auto?'];
let opcionesQuiz2 = [];
opcionesQuiz2.push(['En una obra social','En una firma de abogados','En una distribuidora','En un salón de eventos']);
opcionesQuiz2.push(['Boca','River','San Lorenzo','Talleres']);
opcionesQuiz2.push(['Attaque 77','Cielo Razzo','Green Day','Coldplay']);
opcionesQuiz2.push(['Su primo','Su hermano','Su cuñado','Su sobrino']);
opcionesQuiz2.push(['1','2','3','4']);
opcionesQuiz2.push(['IPA','Cualquier roja','APA','Stout']);
opcionesQuiz2.push(['Hulk','Iron Man','Capitán América','Spiderman']);
opcionesQuiz2.push(['PES','Fifa','Tomb Rider','NBA']);
opcionesQuiz2.push(['2015','2019','2021','2022']);
opcionesQuiz2.push(['Chevrolet Corsa','Ford Ka','Citroen C3','Peugeot 405']);
let correctaQuiz2 = [2,1,0,3,2,0,3,1,1,0];
function iniciarQuiz2(){
sectionInicial.style.display='none';
sectionJuegoQuiz.style.display='flex';
quiz1.style.display='none';
quiz2.style.display='flex';
quiz3.style.display='none';
sectionFinQuiz.style.display='none';
seleccionQuizes.style.display='none';
posicionActual = 0;
respuestasCorrectas = 0;
preguntasRespondidas = 0;
cargarPregunta2();
}
function cargarPregunta2(){
if(listaPreguntas2.length <= posicionActual){
terminarJuego();
}
else{
limpiaropcionesQuiz2();
pPreguntaQuiz2.innerHTML=`${listaPreguntas2[posicionActual]}`;
document.getElementById("opc0-2").innerHTML = opcionesQuiz2[posicionActual][0];
document.getElementById("opc1-2").innerHTML = opcionesQuiz2[posicionActual][1];
document.getElementById("opc2-2").innerHTML = opcionesQuiz2[posicionActual][2];
document.getElementById("opc3-2").innerHTML = opcionesQuiz2[posicionActual][3];
}
}
function limpiaropcionesQuiz2(){
document.getElementById("opc0-2").className = "opcion-quiz btn";
document.getElementById("opc1-2").className = "opcion-quiz btn";
document.getElementById("opc2-2").className = "opcion-quiz btn";
document.getElementById("opc3-2").className = "opcion-quiz btn";
}
function comprobarRespuesta2(opcElegida){
if(opcElegida==correctaQuiz2[posicionActual]){
document.getElementById(`opc${opcElegida}-2`).className = "opcion-quiz btn opcionCorrecta";
respuestasCorrectas++;
preguntasRespondidas++;
}else{
document.getElementById(`opc${opcElegida}-2`).className = "opcion-quiz btn opcionIncorrecta";
document.getElementById(`opc${correctaQuiz2[posicionActual]}-2`).className = "opcion-quiz btn opcionCorrecta";
preguntasRespondidas++;
}
posicionActual++;
setTimeout(cargarPregunta2,1200);
}
// QUIZ 3
let listaPreguntas3 =
['Dónde se conocieron?',
'Cuántos años tienen?',
'Dónde se comprometieron?',
'Cuántas mascotas tienen?',
'Cuántos años tuvieron de noviazgo?',
'Dónde viven?',
'Cuál serie les encanta?',
'Qué país visitaron en 2019?',
'Dónde vacacionaron juntos por primera vez?',
'De qué color era el primer gato que tuvieron juntos?'];
let opcionesQuiz3 = [];
opcionesQuiz3.push(['En la escuela secundaria','En la playa en primavera','En su primer trabajo','En una fiesta de cumpleaños']);
opcionesQuiz3.push(['Nancy tiene 25 y Kevin 26','Kevin tiene 28 y Nancy 29','Ambos tienen 27','Nancy tiene 28 y Kevin 30']);
opcionesQuiz3.push(['En la playa en su aniversario','En su restaurante favorito','En la cordillera durante sus vacaciones','En un recital en Córdoba']);
opcionesQuiz3.push(['No tienen mascotas','Tres gatos y un loro','Dos gatos y dos perros','Un pez y dos perros']);
opcionesQuiz3.push(['6','8','10','12']);
opcionesQuiz3.push(['En un edificio céntrico','En un hotel','En un duplex ','En una chacra alejada']);
opcionesQuiz3.push(['Los simpsons','Friends','Stranger Things','Todas las anteriores']);
opcionesQuiz3.push(['Uruguay','Mexico','Brasil','España']);
opcionesQuiz3.push(['Córdoba','Las Grutas','El Bolsón','Buenos Aires']);
opcionesQuiz3.push(['Gris con una manchita blanca','Negro con ojos amarillos','Blanco con una rayita gris','Naranja con blanco y negro']);
let correctaQuiz3 = [1,3,0,2,3,2,3,2,1,0];
function iniciarQuiz3(){
sectionInicial.style.display='none';
sectionJuegoQuiz.style.display='flex';
quiz1.style.display='none';
quiz2.style.display='none';
quiz3.style.display='flex';
sectionFinQuiz.style.display='none';
seleccionQuizes.style.display='none';
posicionActual = 0;
respuestasCorrectas = 0;
preguntasRespondidas = 0;
cargarPregunta3();
}
function cargarPregunta3(){
if(listaPreguntas3.length <= posicionActual){
terminarJuego();
}
else{
limpiaropcionesQuiz3();
pPreguntaQuiz3.innerHTML=`${listaPreguntas3[posicionActual]}`;
document.getElementById("opc0-3").innerHTML = opcionesQuiz3[posicionActual][0];
document.getElementById("opc1-3").innerHTML = opcionesQuiz3[posicionActual][1];
document.getElementById("opc2-3").innerHTML = opcionesQuiz3[posicionActual][2];
document.getElementById("opc3-3").innerHTML = opcionesQuiz3[posicionActual][3];
}
}
function limpiaropcionesQuiz3(){
document.getElementById("opc0-3").className = "opcion-quiz btn";
document.getElementById("opc1-3").className = "opcion-quiz btn";
document.getElementById("opc2-3").className = "opcion-quiz btn";
document.getElementById("opc3-3").className = "opcion-quiz btn";
}
function comprobarRespuesta3(opcElegida){
if(opcElegida==correctaQuiz3[posicionActual]){
document.getElementById(`opc${opcElegida}-3`).className = "opcion-quiz btn opcionCorrecta";
respuestasCorrectas++;
preguntasRespondidas++;
}else{
document.getElementById(`opc${opcElegida}-3`).className = "opcion-quiz btn opcionIncorrecta";
document.getElementById(`opc${correctaQuiz2[posicionActual]}-3`).className = "opcion-quiz btn opcionCorrecta";
preguntasRespondidas++;
}
posicionActual++;
setTimeout(cargarPregunta3,1200);
}
function terminarJuego(){
sectionFinQuiz.style.display='flex';
sectionJuegoQuiz.style.display='none';
if(preguntasRespondidas==10 && respuestasCorrectas>5){
pFinQuiz.innerHTML=`Genial! Respondiste ${respuestasCorrectas} preguntas correctamente. <br> Sumás ${Math.floor(respuestasCorrectas/2)} puntos 💪🏽`
puntaje+=(Math.floor(respuestasCorrectas/2));
}else{
pFinQuiz.innerHTML=`Sólo respondiste ${respuestasCorrectas} preguntas correctamente 👎🏼 <br> Ésta vez no sumás puntos. Intentalo de nuevo! <br> Te recomiendo preguntar a otros invitados, seguro alguno sabe...`
}
}
function rendirseQuiz(){
sectionInicial.style.display='flex';
sectionMemo.style.display='none';
sectionJuegoQuiz.style.display='none';
seleccionQuizes.style.display='none';
quiz1.style.display='none';
quiz2.style.display='none';
quiz3.style.display='none';
}
function volverQuiz(){
sectionInicial.style.display='flex';
sectionMemo.style.display='none';
sectionJuegoQuiz.style.display='none';
sectionFinQuiz.style.display='none';
pPuntaje.innerHTML=`Puntaje: ${puntaje}`;
}