Quiz Minecraft

Um quiz interativo sobre Minecraft desenvolvido em HTML, CSS e JavaScript puro.

Estrutura

• data/ - Arquivos JSON com perguntas organizadas por categoria
• js/ - Lógica JavaScript do quiz
• css/ - Estilização do quiz
• index.html - Página principal

Como Usar

⚠️ Importante: Use um Servidor Local

Por questões de segurança (CORS), os navegadores modernos bloqueiam o carregamento de arquivos JSON quando você abre o HTML diretamente. É necessário usar um servidor local.

Opção 1: Python (Recomendado)

# Python 3
python3 -m http.server 8000

# Python 2
python -m SimpleHTTPServer 8000

Depois acesse: http://localhost:8000

Opção 2: Node.js (http-server)

# Instalar globalmente
npm install -g http-server

# Executar
http-server -p 8000

Depois acesse: http://localhost:8000

Opção 3: PHP

php -S localhost:8000

Depois acesse: http://localhost:8000

Passos

1. Execute um dos comandos acima no diretório do projeto
2. Abra o navegador e acesse http://localhost:8000
3. Clique em "Iniciar Quiz"
4. O quiz carregará automaticamente todas as perguntas dos arquivos JSON na pasta data/
5. Responda as perguntas e veja sua pontuação final

Adicionar Novas Perguntas

Para adicionar novas perguntas, edite ou crie novos arquivos JSON na pasta data/ seguindo o formato:

{
  "categoria": "nome da categoria",
  "perguntas": [
    {
      "id": 1,
      "pergunta": "Texto da pergunta",
      "respostas": ["Opção A", "Opção B", "Opção C", "Opção D"],
      "respostaCorreta": 0,
      "pontuacao": 10,
      "dificuldade": "facil|medio|dificil",
      "dica": "Texto da dica (opcional)",
      "imagem": "caminho/para/imagem.png (opcional)",
      "bonus": {
        "tempoLimite": 10,
        "pontosExtras": 5
      },
      "penalidade": {
        "pontosPerdidos": 2
      }
    }
  ]
}

Sistema de Pontuação

• Cada pergunta tem uma pontuação base definida no JSON
• Bônus de pontos extras se responder dentro do tempo limite
• Penalidade de pontos perdidos por resposta errada
• Pontuação total é acumulada durante o quiz

Tecnologias

• HTML5
• CSS3
• JavaScript (ES6+)