pergunta/script.js at main · sthef4ny/pergunta · GitHub

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
const caixaPrincipal = document.querySelector(".caixa-principal");
const caixaPerguntas = document.querySelector(".caixa-perguntas");
const caixaAlternativas = document.querySelector(".caixa-alternativas");
const caixaResultado = document.querySelector(".caixa-resultado");
const textoResultado = document.querySelector(".texto-resultado");

const perguntas = [
    {
        enunciado: "Você acaba de receber uma notícia incrível: o Flamengo contratou um novo jogador estrela. Qual o seu primeiro pensamento?",
        alternativas: [
            {
                texto: "Isso é fantástico!",
                afirmacao: "Você ficou empolgado com a nova contratação e está ansioso para ver como ele contribuirá para a equipe."
            },
            {
                texto: "Isso é preocupante!",
                afirmacao: "Você ficou preocupado com o impacto que a contratação pode ter sobre a química do time e o desempenho dos jogadores atuais."
            }
        ]
    },
    {
        enunciado: "Após saber da nova contratação, o Flamengo organiza um evento para apresentar o jogador aos torcedores. Qual atitude você toma?",
        alternativas: [
            {
                texto: "Vai ao evento para ver de perto o novo jogador e mostrar seu apoio ao time.",
                afirmacao: "Você aproveitou a oportunidade para expressar seu apoio ao time e ficou animado em ver a nova estrela de perto."
            },
            {
                texto: "Acompanha o evento pela TV e espera para ver as análises dos especialistas sobre a contratação.",
                afirmacao: "Você preferiu analisar o impacto da contratação através da mídia e dos comentários dos especialistas antes de formar sua opinião."
            }
        ]
    },
    {
        enunciado: "Durante o evento, a diretoria do Flamengo faz um discurso sobre os planos futuros do time. Qual é a sua reação?",
        alternativas: [
            {
                texto: "Fica entusiasmado com os planos e acredita que o time está indo na direção certa.",
                afirmacao: "Você está otimista com as estratégias da diretoria e acredita que o Flamengo está se preparando para um futuro brilhante."
            },
            {
                texto: "Fica cético e prefere esperar para ver se os planos realmente se concretizam.",
                afirmacao: "Você decidiu aguardar para ver se os planos da diretoria se materializam antes de se empolgar demais."
            }
        ]
    },
    {
        enunciado: "Você é convidado para criar uma arte que representa sua paixão pelo Flamengo. O que faz?",
        alternativas: [
            {
                texto: "Cria uma arte utilizando técnicas tradicionais de pintura.",
                afirmacao: "Você decidiu expressar sua paixão pelo Flamengo com técnicas de pintura tradicionais, valorizando a arte manual e o trabalho criativo."
            },
            {
                texto: "Utiliza um software de design para criar uma arte digital do Flamengo.",
                afirmacao: "Você optou por criar uma arte digital, utilizando ferramentas modernas para capturar sua paixão pelo Flamengo de maneira inovadora e eficiente."
            }
        ]
    },
    {
        enunciado: "Você está participando de um grupo de torcedores do Flamengo para discutir o futuro do time. Qual é a sua contribuição?",
        alternativas: [
            {
                texto: "Compartilha sua visão sobre como o time pode melhorar e alcançar mais vitórias.",
                afirmacao: "Você contribuiu com ideias para melhorar o desempenho do time e aumentar o número de vitórias, mostrando seu entusiasmo e conhecimento sobre o Flamengo."
            },
            {
                texto: "Prefere ouvir as opiniões dos outros e usar as informações para formar sua própria visão.",
                afirmacao: "Você optou por ouvir e aprender com as opiniões dos outros torcedores antes de formar sua própria visão sobre o futuro do time."
            }
        ]
    },
];


let atual = 0;
let perguntaAtual;
let historiaFinal = "";

function mostraPergunta() {
    if (atual >= perguntas.length) {
        mostraResultado();
        return;
    }
    perguntaAtual = perguntas[atual];
    caixaPerguntas.textContent = perguntaAtual.enunciado;
    caixaAlternativas.textContent = "";
    mostraAlternativas();
}

function mostraAlternativas(){
    for(const alternativa of perguntaAtual.alternativas) {
        const botaoAlternativas = document.createElement("button");
        botaoAlternativas.textContent = alternativa.texto;
        botaoAlternativas.addEventListener("click", () => respostaSelecionada(alternativa));
        caixaAlternativas.appendChild(botaoAlternativas);
    }
}

function respostaSelecionada(opcaoSelecionada) {
    const afirmacoes = opcaoSelecionada.afirmacao;
    historiaFinal += afirmacoes + " ";
    atual++;
    mostraPergunta();
}

function mostraResultado() {
    caixaPerguntas.textContent = "Em 2049...";
    textoResultado.textContent = historiaFinal;
    caixaAlternativas.textContent = "";
}

mostraPergunta();