-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
89 lines (73 loc) · 2.8 KB
/
script.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
const iniciarBtn = document.querySelector('.iniciar-btn');
const telaInicial = document.querySelector('.tela-inicial');
const caixaPerguntas = document.querySelector('.caixa-perguntas');
const caixaResultadoFinal = document.querySelector('.caixa-resultado-final');
const resultadoPerguntas = document.querySelector('.resultado-perguntas');
const voltarBtn = document.querySelector('.voltar-btn');
const perguntasRespostas = [
{
pergunta: "A festa do agricultor ajuda a promover a conscientização sobre os desafios enfrentados pelos agricultores?",
alternativas: ["Benéfica", "Não Benéfica"],
resposta: "Benéfica"
},
{
pergunta: "A festa do agricultor contribui para o fortalecimento da economia local?",
alternativas: ["Benéfica", "Não Benéfica"],
resposta: "Benéfica"
}
];
let perguntaAtual = 0;
let respostasSelecionadas = [];
function iniciarJogo() {
telaInicial.style.display = 'none';
caixaPerguntas.style.display = 'block';
exibirPergunta(perguntaAtual);
}
function exibirPergunta(index) {
caixaPerguntas.innerHTML = '';
const pergunta = perguntasRespostas[index];
const perguntaElement = document.createElement('p');
perguntaElement.textContent = pergunta.pergunta;
caixaPerguntas.appendChild(perguntaElement);
pergunta.alternativas.forEach((alternativa, alternativaIndex) => {
const alternativaBtn = document.createElement('button');
alternativaBtn.textContent = alternativa;
alternativaBtn.classList.add('alternativa-btn');
alternativaBtn.addEventListener('click', () => {
respostasSelecionadas.push({
pergunta: pergunta.pergunta,
respostaSelecionada: alternativa
});
proximaPergunta();
});
caixaPerguntas.appendChild(alternativaBtn);
});
}
function proximaPergunta() {
perguntaAtual++;
if (perguntaAtual < perguntasRespostas.length) {
exibirPergunta(perguntaAtual);
} else {
exibirResultadoFinal();
}
}
function exibirResultadoFinal() {
caixaPerguntas.style.display = 'none';
resultadoPerguntas.innerHTML = '';
respostasSelecionadas.forEach((item, index) => {
const perguntaElement = document.createElement('p');
perguntaElement.textContent = `Pergunta ${index + 1}: ${item.pergunta} - Resposta Selecionada: ${item.respostaSelecionada}`;
resultadoPerguntas.appendChild(perguntaElement);
});
caixaResultadoFinal.style.display = 'block';
}
voltarBtn.addEventListener('click', () => {
reiniciarJogo();
});
function reiniciarJogo() {
perguntaAtual = 0;
respostasSelecionadas = [];
caixaResultadoFinal.style.display = 'none';
telaInicial.style.display = 'block';
}
iniciarBtn.addEventListener('click', iniciarJogo);