DEV Community

Cover image for Build a Memory Game in vanilla JavaScript
Ania Kubow
Ania Kubow

Posted on

1

Build a Memory Game in vanilla JavaScript

Memory Game, also known as the Concentration card game or Matching Game, is a simple card game where you need to match pairs by turning over 2 cards at a time.

In this walkthrough, I will be putting extra focus on setting Attributes in JavaScript. If you want to learn how to use setAttritube and getAttribute effectively, please do code along.

We are also going to be looking at:

  • for loops
  • addEventListener
  • setAttribute
  • getAttribute
  • data-name
  • document.querySelector
  • createElement
  • Sort
  • math.random.

As always I have kept the styling at a bare minimum for you to go wild and make it your own.

I would love to see what you made so please tag me on twitter on @ania_kubow or mention me on Youtube so I can find it and see :)

Top comments (0)

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay