Use the project yourself: https://roberiof.github.io/memory_game/pages/index.html
Rick And Morty Memory Game with HTML5, CSS3 and Vanilla JS New Learnings:
- Get used with the 3D behavior of a div to make the memory game card settings (new proprieties used:
transform-style,backface-visibility). - Learn the
aspect-ratiopropriety --- sets a responsive widht-height proportion. - Shuffle a array to make the memory game different every time you play it.
- Administrate more than one page on the project (new proprieties used:
window.history,window.location). - Use the trim() method to remove unnecessary spaces at the beginning and/or end of a string (check if login name is valid).
Jogo da Memória Rick And Morty com HTML5, CSS3 e Vanilla JS Novos aprendizados:
- Se acostumar com o comportamento 3D de uma div para fazer a configuração dos cartões do jogo (novas propriedades usadas:
transform-style,backface-visibility). - Usar a propriedade
aspect-ratio---- define uma proporção de largura-altura responsiva. - Embaralhar uma array para tornar o jogo da memória diferente a cada vez que você o jogar.
- Administrar mais de uma página no projeto (novas propriedades usadas:
window.history,window.location). - Usar o método trim() para remover espaços desnecessários no início e/ou final de uma string (verificar se o nome de login é válido).