mmarin95 / flipcard-game

Simple flip-card game.

flipcard-game

Simple card game against the computer.
Each adversary has a half deck of 26 cards. In a round each one uncover one card, the one who has the higher value card wins the round and get both uncovered cards. The game finishes when someone gets all the cards.

Tricky things

CSS:

• @import font from google fonts.
• Display Grid and Flex.
• CSS attributes. attr(). Take values from custom data attributes.
• pseudo-elements ::after and ::before. Decorate the cards.

JS:

• Class Deck for general purposses.
• Create HTML Elements with JS.
• Event listeners