Memory cards with Javascript

YvonneDev
4 min readDec 28, 2020

course from Brad Traversy

Github code

Features:

localStorage set and get

card flip animation CSS

slide the cards two direction

add, clear cards

HTML

cleat button is on the bottom of the page

add new card button is on the top of the page with title

cards-container is the place to display the added cards container

the navigation with two buttons and the current card number

add-container is the box with two inputs and a submit button when triggering add-a-new-card

CSS

--

--

YvonneDev

❤️Front-end Web Development self-taught *share what I learned*