-
Notifications
You must be signed in to change notification settings - Fork 0
/
quiz.html
139 lines (139 loc) · 9.07 KB
/
quiz.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="css/questões.css">
<title>Covid-Quiz - Questão 1</title>
</head>
<body onload="(resgatarnome(), iniciar());">
<main>
<section>
<article class="questoes">
<div class="question-box" id="questao1">
<p>Dentre <b id="todas" onclick="Proximaquestao(true);">todas</b> as alternativas abaixo, qual delas se encontra como meio de prevenir o covid?</p>
<div class="alternativas">
<button onclick="Proximaquestao();">Usar máscara</button>
<button onclick="Proximaquestao();">Lavar as mãos</button>
<button onclick="Proximaquestao();">Usar Alcool em gel</button>
<button onclick="Proximaquestao();">Ficar em quarentena</button>
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao2">
<p>Qual é a alternativa que mostra como deve-se usar a máscara corretamente?</p>
<div class="alternativas">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao2/1.png" alt="imagem: Cobrindo apenas a boca com folga nas pontas">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao2/2.png" alt="imagem: Cobrir apenas o nariz, no manuseio pegar no tecido">
<img class="img__alt" onclick="Proximaquestao(true);" src="img/questao2/3.png" alt="Cobrir nariz e boca totalmente,sem folgas nas pontas e no manuseio pegar no tecido">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao2/4.png" alt="imagem: Cobrir nariz e boca totalmente,sem folgas e no manuseio pegar sempre no elástico">
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao3">
<p>O que fazer se começar a sentir os sintomas do Covid?</p>
<div class="alternativas">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao3/1.png" alt="Procurar na Internet">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao3/2.jpeg" alt="Procurar Médico no primeiro sintoma">
<img class="img__alt" onclick="Proximaquestao(true);" src="img/questao3/3.png" alt="Procurar Médico quando sintomas graves aparecerem">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao3/4.png" alt="Auto medicação"></button>
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao4">
<p>Quais são os sintomas que alertam o possível contagio da doença?</p>
<div class="alternativas">
<button onclick="Proximaquestao(true);">Febre,tosse,dificultade para respirar,fadiga,cansaço, coriza e congestão nasal</button>
<button onclick="Proximaquestao();">Tosse, congestão nasal, coriza e dor de garganta</button>
<button onclick="Proximaquestao();">Calafrios,febre e dor de cabeça</button>
<button onclick="Proximaquestao();">Batimento cardíaco acelerado, palidez , tontura e vertigem</button>
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao5">
<p>Qual é o modo incorreto de prevenção à covid 19?</p>
<div class="alternativas">
<button onclick="Proximaquestao();">usar mascaras</button>
<button onclick="Proximaquestao();">lave suas mãos com freqüência. Use sabão e água ou álcool em gel</button>
<button onclick="Proximaquestao(true);">Não ficar em casa se você se sentir indisposto</button>
<button onclick="Proximaquestao();">mantenha uma distância segura de pessoas que estiverem tossindo ou espirrando</button>
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao6">
<p>O grupo de risco da doença é composto por?</p>
<div class="alternativas">
<img onclick="Proximaquestao();" src="img/questao6/1.jpeg" alt="0 - 9 anos " class="img__alt">
<img onclick="Proximaquestao();" src="img/questao6/2.jpeg" alt="10 - 29 anos " class="img__alt">
<img onclick="Proximaquestao();" src="img/questao6/3.jpeg" alt="30 - 59 anos" class="img__alt">
<img onclick="Proximaquestao(true);" src="img/questao6/4.jpeg" alt="mais de 60 anos " class="img__alt">
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao7">
<p>Em quanto tempo uma pessoa infectada de forma leve está curada da doença?</p>
<div class="alternativas">
<button onclick="Proximaquestao(true);">10 dias, devendo ficar isoladas no mínimo por até 14 dias após o início dos sintomas.</button>
<button onclick="Proximaquestao();">8 dias, devendo ficar isoladas no mínimo por até 10 dias após o início dos sintomas.</button>
<button onclick="Proximaquestao();">14 dias, devendo ficar isoladas no mínimo por até 16 dias após o início dos sintomas.</button>
<button onclick="Proximaquestao();">12 dias, devendo ficar isoladas no mínimo por até 14 dias após o início dos sintomas.</button>
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao8">
<p>Qual é a porcentagem que o álcool em gel deve ter para que ocorra a descontaminação do vírus?</p>
<div class="alternativas">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao8/1.jpeg" alt="68%">
<img class="img__alt" onclick="Proximaquestao(true);" src="img/questao8/2.jpeg" alt="70%">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao8/3.jpeg" alt="50%">
<img class="img__alt" onclick="Proximaquestao();" src="img/questao8/4.jpeg" alt="85%">
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao9">
<p>Quais são os animais que transmitem o vírus?</p>
<div class="alternativas">
<button onclick="Proximaquestao();">Ratos</button>
<button onclick="Proximaquestao();">Pássaros</button>
<button onclick="Proximaquestao();">Cães e gatos</button>
<button onclick="Proximaquestao(true);">Nenhum desses</button>
</div>
</div>
</article>
<article class="questoes">
<div class="question-box" id="questao10">
<p>Qual é o período de incubação do coronavírus?</p>
<div class="alternativas">
<button onclick="Proximaquestao(true);">2 a 14 dias</button>
<button onclick="Proximaquestao();">5 a 10 dias</button>
<button onclick="Proximaquestao();">5 a 12 dias</button>
<button onclick="Proximaquestao();">6 a 14 dias</button>
</div>
</div>
</article>
<article id="resultados">
<img id="final1" class="estado__img" src="img/tela_final/morreu.jpeg">
<img id="final2" class="estado__img" src="img/tela_final/morreu mas passa bem.jpeg">
<img id="final3" class="estado__img" src="img/tela_final/sobreviveu.jpeg">
<img class="estado__img" id="covides" src="img/tela_final/covids mortos.jpeg">
<p id="estado"></p><!--nome da pessoa-->
<p id="mensagem"></p><!--mensagem-->
<p id="pontuacao"></p><!--pontuação-->
</article>
</section>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/EmbaralharDivs.js"></script>
<script src="js/NameTransferRedirect.js"></script>
<script src="js/trocarquestao.js"></script>
</body>
</html>