🎮 Game Mata Mosquito

Este é o código-fonte e documentação para o projeto "Mata Mosquito". O jogo foi desenvolvido usando HTML, CSS e JavaScript e tem como objetivo esmagar mosquitos que aparecem na tela. O projeto também possui três níveis de dificuldade: Normal, Difícil e Chuck Norris. Neste README, vamos destacar as habilidades adquiridas no desenvolvimento do projeto.

Habilidades Adquiridas

Ao desenvolver o projeto "Mata Mosquito", foram adquiridas as seguintes habilidades:

1. HTML e Estrutura de Página:

   • Criação de estrutura de página HTML básica.
   • Uso de tags HTML como div, img, select, button, e span.
   • Incorporação de imagens no documento HTML.

2. CSS e Estilização:

   • Utilização de classes do Bootstrap para criar uma interface visual agradável.
   • Posicionamento de elementos na página com classes como d-flex e justify-content-center.
   • Estilização de elementos com classes como form-control, btn, e img.
   • Personalização do cursor e do fundo da página com CSS.
   • Além das habilidades mencionadas, o projeto "Mata Mosquito" também incorpora estilizações adicionais que contribuem para a aparência e a experiência de jogo aprimorada.

3. JavaScript e Lógica de Jogo:

   • Declaração de variáveis globais para armazenar informações do jogo, como altura, largura, vidas e tempo.
   • Utilização de setInterval para criar e controlar o cronômetro do jogo.
   • Manipulação do DOM para atualizar informações na página em tempo real.
   • Geração de números aleatórios para posicionar os mosquitos na tela.
   • Manipulação de eventos, como cliques em mosquitos.
   • Controle de níveis de dificuldade com base na URL da página.

4. Lógica de Jogo:

   • Implementação do tempo de jogabilidade (15 segundos).
   • Criação de mosquitos que se movem aleatoriamente na tela.
   • Remoção de mosquitos e atualização de vidas.
   • Redirecionamento para páginas de vitória e fim de jogo.

5. Condicionais e Estruturas de Controle:

   • Utilização de condicionais if, else if e else para determinar o nível de dificuldade do jogo.
   • Utilização de condicionais para verificar se o tempo de jogo esgotou e gerenciar a finalização do jogo.

6. Manipulação de Elementos HTML com JavaScript:

   • Criação dinâmica de elementos HTML (mosquitos) com JavaScript.
   • Atualização de elementos de imagem (corações) no DOM.
   • Remoção de elementos do DOM em resposta a eventos (cliques nos mosquitos).

Executando o Jogo

Para jogar o "Mata Mosquito 🦟", abra o arquivo HTML_index.html no seu navegador e selecione o nível de dificuldade desejado. Clique em "Iniciar Jogo" e comece a caçar mosquitos!

Divirta-se jogando o "Mata Mosquito"!

Esse projeto juda a melhorar as habilidades do desenvolvedor web. Este projeto é uma ótima maneira de praticar HTML, CSS e JavaScript enquanto cria um jogo interativo.