-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
versão a partir do gemini, com poucas modificações
- Loading branch information
1 parent
6e3cff3
commit 022ec33
Showing
4 changed files
with
233 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
<!DOCTYPE html> | ||
<html lang="pt-br"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Quiz Filosofia Antiga ENEM</title> | ||
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="style.css"> | ||
</head> | ||
<body class="bg-gray-100"> | ||
|
||
<div id="telaApresentacao" class="flex flex-col items-center justify-center h-screen"> | ||
<h1 class="text-4xl font-bold text-gray-800">Quiz Filosofia Antiga</h1> | ||
<p class="text-gray-600 mt-4">Teste seus conhecimentos para o ENEM!</p> | ||
<button id="botaoIniciar" class="bg-blue-500 text-white font-bold py-2 px-4 rounded mt-8">Começar Quiz</button> | ||
</div> | ||
|
||
<div id="telaPerguntas" class="hidden"> | ||
<div class="flex flex-col items-center justify-center h-screen"> | ||
<div id="progresso" class="w-full bg-gray-200 h-2 rounded-md mt-4"> | ||
<div id="barraProgresso" class="bg-blue-500 h-full rounded-md"></div> | ||
</div> | ||
<h2 id="perguntaElement" class="text-3xl font-bold text-gray-800 mt-8"></h2> | ||
<div class="flex flex-row justify-center mt-8"> | ||
<button id="botaoVerdadeiro" class="bg-green-500 text-white font-bold py-2 px-4 rounded mr-4">Verdadeiro</button> | ||
<button id="botaoFalso" class="bg-red-500 text-white font-bold py-2 px-4 rounded">Falso</button> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div id="telaResultado" class="hidden"> | ||
<div class="flex flex-col items-center justify-center h-screen"> | ||
<h2 class="text-3xl font-bold text-gray-800 mt-8">Resultado</h2> | ||
<p id="feedbackElement" class="text-gray-600 mt-4"></p> | ||
<button id="botaoReiniciar" class="bg-blue-500 text-white font-bold py-2 px-4 rounded mt-8">Reiniciar Quiz</button> | ||
</div> | ||
</div> | ||
|
||
<script src="script.js"></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
[ | ||
{ | ||
"pergunta": "Os sofistas defendiam a relatividade da verdade.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Platão acreditava que o conhecimento verdadeiro só podia ser alcançado através da razão.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Aristóteles defendia a ideia de que o Estado deveria ser governado por um filósofo-rei.", | ||
"resposta": false | ||
}, | ||
{ | ||
"pergunta": "O ceticismo pregava a busca pelo prazer como forma de alcançar a felicidade.", | ||
"resposta": false | ||
}, | ||
{ | ||
"pergunta": "Sócrates acreditava que o objetivo da filosofia era o convencimento através da retórica.", | ||
"resposta": false | ||
}, | ||
{ | ||
"pergunta": "Platão defendia a teoria das ideias, segundo a qual o mundo real é apenas uma sombra do mundo das ideias.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Os cínicos defendiam a vida simples e frugal, rejeitando as convenções sociais.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Os estoicos pregavam a importância da razão e do autocontrole para alcançar a felicidade.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Tales de Mileto acreditava que a água era o princípio fundamental do universo.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Anaximandro de Mileto propôs a ideia do apeiron, um princípio indefinido e ilimitado.", | ||
"resposta": true | ||
}, | ||
{ | ||
"pergunta": "Anaxímenes de Mileto defendia que os números era o princípio fundamental do universo.", | ||
"resposta": false | ||
}, | ||
{ | ||
"pergunta": "Heráclito de Éfeso afirmava que tudo está em constante mudança e nada permanece o mesmo.", | ||
"resposta": true | ||
} | ||
] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
// Carregar perguntas do JSON | ||
const perguntasJSON = fetch("perguntas.json") | ||
.then((response) => response.json()) | ||
.then((data) => data); | ||
|
||
let perguntas = []; // Array para armazenar as perguntas | ||
|
||
// Função para carregar perguntas do JSON | ||
async function carregarPerguntas() { | ||
perguntas = await perguntasJSON; | ||
} | ||
|
||
let perguntaAtual = 0; | ||
let acertos = 0; | ||
|
||
// ... (seleção de elementos do DOM) | ||
|
||
botaoIniciar.addEventListener("click", () => { | ||
carregarPerguntas().then(() => { | ||
telaApresentacao.classList.add("hidden"); | ||
telaPerguntas.classList.remove("hidden"); | ||
carregarPergunta(); | ||
atualizarBarraProgresso(); | ||
}); | ||
}); | ||
|
||
function carregarPergunta() { | ||
if (perguntaAtual < perguntas.length) { | ||
perguntaElement.textContent = perguntas[perguntaAtual].pergunta; | ||
} else { | ||
exibirTelaResultado(); | ||
} | ||
} | ||
|
||
function atualizarBarraProgresso() { | ||
const progresso = (perguntaAtual + 1) / perguntas.length; | ||
barraProgresso.style.width = `${progresso * 100}%`; | ||
} | ||
|
||
function verificarResposta(respostaSelecionada) { | ||
const respostaCorreta = perguntas[perguntaAtual].resposta; | ||
if (respostaSelecionada === respostaCorreta) { | ||
acertos++; | ||
} | ||
perguntaAtual++; | ||
} | ||
|
||
botaoVerdadeiro.addEventListener("click", () => { | ||
verificarResposta(true); | ||
carregarPergunta(); | ||
atualizarBarraProgresso(); | ||
}); | ||
|
||
botaoFalso.addEventListener("click", () => { | ||
verificarResposta(false); | ||
carregarPergunta(); | ||
atualizarBarraProgresso(); | ||
}); | ||
|
||
function exibirTelaResultado() { | ||
telaPerguntas.classList.add("hidden"); | ||
telaResultado.classList.remove("hidden"); | ||
|
||
// Atualiza o feedback com o número de acertos e frase personalizada | ||
let feedback = `Você acertou ${acertos} de ${perguntas.length} perguntas.`; | ||
|
||
// Adiciona um emoji de acordo com o desempenho | ||
if (acertos === perguntas.length) { | ||
feedback += " Parabéns! Você domina a filosofia antiga!"; | ||
} else if (acertos > perguntas.length / 2) { | ||
feedback += " Você está no caminho certo! Continue estudando!"; | ||
} else { | ||
feedback += " Não desanime! Revise o conteúdo e tente novamente."; | ||
} | ||
|
||
feedbackElement.textContent = feedback; | ||
} | ||
|
||
botaoReiniciar.addEventListener("click", () => { | ||
perguntaAtual = 0; | ||
acertos = 0; | ||
telaResultado.classList.add("hidden"); | ||
telaApresentacao.classList.remove("hidden"); | ||
atualizarBarraProgresso(); | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,57 @@ | ||
/* Cores */ | ||
.bg-gray-100 { | ||
background-color: #f4f5f7; | ||
} | ||
|
||
.text-gray-800 { | ||
color: #1a202c; | ||
} | ||
|
||
.text-gray-600 { | ||
color: #71717a; | ||
} | ||
|
||
.bg-blue-500 { | ||
background-color: #1fb6ff; | ||
} | ||
|
||
.text-white { | ||
color: #fff; | ||
} | ||
|
||
.bg-green-500 { | ||
background-color: #13c27c; | ||
} | ||
|
||
.bg-red-500 { | ||
background-color: #ef4444; | ||
} | ||
|
||
/* Estilos gerais */ | ||
body { | ||
font-family: sans-serif; | ||
} | ||
|
||
/* Tela de Apresentação */ | ||
#tela-apresentacao { | ||
min-height: 100vh; | ||
} | ||
|
||
/* Tela de Perguntas */ | ||
#tela-perguntas { | ||
min-height: 100vh; | ||
} | ||
|
||
#progresso { | ||
overflow: hidden; | ||
} | ||
|
||
#barra-progresso { | ||
transition: width 1s ease-in-out; | ||
} | ||
|
||
/* Tela de Resultado */ | ||
#tela-resultado { | ||
min-height: 100vh; | ||
} | ||
|