incial

versão a partir do gemini, com poucas modificações
williroger · May 6, 2024 · 022ec33 · 022ec33
1 parent 6e3cff3
commit 022ec33
Show file tree

Hide file tree

Showing 4 changed files with 233 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -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>
diff --git a/perguntas.json 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
+    }
+  ]
diff --git a/script.js 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
@@ -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;
+  }
+