From 022ec3302157ec8c289ef1095ac8418534e4572e Mon Sep 17 00:00:00 2001 From: Roger <72757812+williroger@users.noreply.github.com> Date: Mon, 6 May 2024 11:20:56 -0300 Subject: [PATCH] incial MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit versão a partir do gemini, com poucas modificações --- index.html | 41 ++++++++++++++++++++++++ perguntas.json | 50 +++++++++++++++++++++++++++++ script.js | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 57 +++++++++++++++++++++++++++++++++ 4 files changed, 233 insertions(+) create mode 100644 index.html create mode 100644 perguntas.json create mode 100644 script.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..a529f2f --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ + + + + + + Quiz Filosofia Antiga ENEM + + + + + +
+

Quiz Filosofia Antiga

+

Teste seus conhecimentos para o ENEM!

+ +
+ + + + + + + + diff --git a/perguntas.json b/perguntas.json new file mode 100644 index 0000000..a004c33 --- /dev/null +++ b/perguntas.json @@ -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 + } + ] \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..d8ac4f8 --- /dev/null +++ b/script.js @@ -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(); +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..56edaa3 --- /dev/null +++ b/style.css @@ -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; + } + \ No newline at end of file