/memory-game

O Projeto Jogo da Memória está completamente relacionado à capacidade de demonstrar domínio de HTML, CSS e JavaScript. Um jogo de correspondência de cartas completo para navegador (também conhecido como Concentration). Mas este não é um jogo da memória qualquer! É um jogo moderno, bem projetado e cheio de recursos!

Primary LanguageCSS

Jogo da Memória

Índice

Instalar

GitHub.com - (branch master) GitHub.io

Instruções

Arquivos e pastas

O código consiste em 2 pastas:

  • css - para o arquivo app.css.
  • js - para o arquivo app.js.

Código de trabalho

Ao carregar o html a função shuffle() (embaralhar as cartas) é inicada. Quando o jogador clica sobre alguma carta utiliza uma tecla válida (ASDF - 1234) o jogo é iniciado.

A funçãoshuffle(array) recebe um array com as cartas e os dispõe em um nova ordem.

Ao clicar em uma carta ou ao teclar A, S, D, F, 1, 2 ou 3 é chamada a função main() que inicia chama a função startTime() e faz a verificação das cartas por meio da função compare();

Para virar as cartas selecionadas são utilizadas as classes css "show" e "open".

Quando utilizado o teclado a linha ou coluna selecionada ficará em destaque devido a classe "select".

Selecionando uma coluna e uma linha a carta será virada.

Quando duas cartas são selecionadas é chamado a função compare() que verificará se as cartas são iguais;

Cartas iguais recebem a classe css "match".

Cartas diferentes recebem a classe css "close".

Ao clicar em reset será chamada a função resetGame() que irá redefinir o status do jogo.

Regras

Apenas duas cartas podem ser viradas por vez.

A quantidade de movimentos definirá o seu desempenho.

  • ⭐ ⭐ ⭐ - até 20 Movimentos
  • ⭐ ⭐ - até 30 Movimentos
  • ⭐ - Até de 35 movimentos
  • Sem estrelas - Acima de 35 movimentos

Para reiniciar o jogo, clique no botão reiniciar 🔁.

Contribuindo

Depois de aprovado pela Udacity qualquer contribuiçaõ será bem vinda.