-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (189 loc) · 8.87 KB
/
index.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
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz sobre o Regime Militar no Brasil</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.quiz-container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
width: 100%;
}
.quiz-header {
margin-bottom: 20px;
}
.quiz-header h2 {
margin: 0;
}
.quiz-question {
margin-bottom: 20px;
}
.quiz-qq {
background-color: blue;
}
.quiz-options {
list-style: none;
padding: 0;
}
.quiz-options li {
margin-bottom: 10px;
}
.quiz-options input {
margin-right: 10px;
}
.quiz-footer {
text-align: center;
}
.quiz-footer button {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
.quiz-footer button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="quiz-container">
<div class="quiz-header">
<h2>Quiz sobre o Regime Militar no Brasil</h2>
</div>
<div class="quiz-body">
<div class="quiz-question">
<p class="quiz-qq">1. Quem foi o primeiro presidente militar do regime que se iniciou em 1964?</p>
<ul class="quiz-options">
<li><input type="radio" name="q1" value="A"> A) Costa e Silva</li>
<li><input type="radio" name="q1" value="B"> B) João Goulart</li>
<li><input type="radio" name="q1" value="C"> C) Castello Branco</li>
<li><input type="radio" name="q1" value="D"> D) Emílio Garrastazu</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">2. Durante o governo de qual presidente ocorreu a fase mais repressiva do regime militar?</p>
<ul class="quiz-options">
<li><input type="radio" name="q2" value="A"> A) João Goulart</li>
<li><input type="radio" name="q2" value="B"> B) Costa e Silva</li>
<li><input type="radio" name="q2" value="C"> C) Emílio Garrastazu</li>
<li><input type="radio" name="q2" value="D"> D) Castello Branco</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">3. Em que ano começou o governo de Castello Branco?</p>
<ul class="quiz-options">
<li><input type="radio" name="q3" value="A"> A) 1962</li>
<li><input type="radio" name="q3" value="B"> B) 1964</li>
<li><input type="radio" name="q3" value="C"> C) 1967</li>
<li><input type="radio" name="q3" value="D"> D) 1969</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">4. Qual foi o impacto da ditadura militar sobre a dívida externa do Brasil?</p>
<ul class="quiz-options">
<li><input type="radio" name="q4" value="A"> A) Redução da dívida para 10% do PIB</li>
<li><input type="radio" name="q4" value="B"> B) Aumento da dívida para mais de 54% do PIB</li>
<li><input type="radio" name="q4" value="C"> C) Estabilidade da dívida em 15,7% do PIB</li>
<li><input type="radio" name="q4" value="D"> D) Eliminação total da dívida externa</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">5. O que permitia a política de censura durante o regime militar?</p>
<ul class="quiz-options">
<li><input type="radio" name="q5" value="A"> A) Liberdade de expressão</li>
<li><input type="radio" name="q5" value="B"> B) Expansão cultural</li>
<li><input type="radio" name="q5" value="C"> C) Controle de notícias, artes e perseguição de opositores</li>
<li><input type="radio" name="q5" value="D"> D) Democratização da informação</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">6. O que significa o termo "desaparecidos políticos" no contexto da ditadura militar?</p>
<ul class="quiz-options">
<li><input type="radio" name="q6" value="A"> A) Pessoas que viajaram para o exterior</li>
<li><input type="radio" name="q6" value="B"> B) Pessoas que mudaram de ideologia política</li>
<li><input type="radio" name="q6" value="C"> C) Pessoas que sumiram após serem detidas pela polícia</li>
<li><input type="radio" name="q6" value="D"> D) Pessoas que se tornaram clandestinas por escolha própria</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">7. Qual compositor utilizou a palavra "Cálice" como metáfora para evitar a censura?</p>
<ul class="quiz-options">
<li><input type="radio" name="q7" value="A"> A) Milton Nascimento</li>
<li><input type="radio" name="q7" value="B"> B) Caetano Veloso</li>
<li><input type="radio" name="q7" value="C"> C) Gilberto Gil</li>
<li><input type="radio" name="q7" value="D"> D) Chico Buarque</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">8. Qual foi uma das consequências sociais mais marcantes da ditadura militar no Brasil?</p>
<ul class="quiz-options">
<li><input type="radio" name="q8" value="A"> A) Redução da inflação</li>
<li><input type="radio" name="q8" value="B"> B) Aprofundamento das desigualdades sociais</li>
<li><input type="radio" name="q8" value="C"> C) Julgamento dos militares envolvidos em crimes</li>
<li><input type="radio" name="q8" value="D"> D) Melhoria na educação pública</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">9. O que representava a canção "Apesar de Você", de Chico Buarque?</p>
<ul class="quiz-options">
<li><input type="radio" name="q9" value="A"> A) Um hino religioso</li>
<li><input type="radio" name="q9" value="B"> B) Um manifesto patriótico</li>
<li><input type="radio" name="q9" value="C"> C) Uma crítica à falta de liberdades durante a ditadura militar</li>
<li><input type="radio" name="q9" value="D"> D) Uma homenagem aos militares</li>
</ul>
</div>
<div class="quiz-question">
<p class="quiz-qq">10. Qual foi o papel da Comissão Nacional da Verdade criada em 2011?</p>
<ul class="quiz-options">
<li><input type="radio" name="q10" value="A"> A) Promover a Anistia</li>
<li><input type="radio" name="q10" value="B"> B) Investigar casos de desaparecimento e mortes durante a ditadura</li>
<li><input type="radio" name="q10" value="C"> C) Aumentar a censura cultural</li>
<li><input type="radio" name="q10" value="D"> D) Elaborar novas leis de repressão</li>
</ul>
</div>
</div>
<div class="quiz-footer">
<button onclick="submitQuiz()">Enviar</button>
</div>
</div>
<script>
function submitQuiz() {
const answers = {
q1: 'C',
q2: 'C',
q3: 'B',
q4: 'B',
q5: 'C',
q6: 'C',
q7: 'D',
q8: 'B',
q9: 'C',
q10: 'B'
};
let score = 0;
for (let i = 1; i <= 10; i++) {
const question = document.querySelector(`input[name="q${i}"]:checked`);
if (question && question.value === answers[`q${i}`]) {
score++;
}
}
alert(`Você acertou ${score} de 10 perguntas.`);
}
</script>
</body>
</html>