https://github.com/code-sketch/memory-game

Memory card game in VanillaJS
https://github.com/code-sketch/memory-game

Last synced: 11 days ago
JSON representation

Memory card game in VanillaJS

• Host: GitHub
• URL: https://github.com/code-sketch/memory-game
• Owner: code-sketch
• Created: 2018-07-17T00:22:55.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-05-20T07:06:36.000Z (about 2 years ago)
• Last Synced: 2024-02-29T23:40:59.326Z (4 months ago)
• Language: HTML
• Size: 937 KB
• Stars: 217
• Watchers: 8
• Forks: 201
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - code-sketch/memory-game - Memory card game in VanillaJS (HTML)

README

        
# Memory Game Tutorial - Vanilla JavaScript

* 🕹 Demo: Memory Game Project

* 🎬 Video Tutorial: Code Sketch Channel

* ✏️ Wriiten Tutorial: Memory Game Tutorial

Project developed in vanilla javascript. Learn the fundamentals of pure javascript in a 30 minute project. No frameworks or libraries, definitely no jQuery.

This tutorial will cover how to:

* select elements in the DOM with querySelector

* iterate through lists with forEach

* add/remove an element class

* add/remove event listeners

* timeout

* html5: data-attribute

* css3: positioning, flexbox, perspective, backface-visibility, transitions

---

💚 [Twitter](https://twitter.com/codesketchlab)

💙 [Facebook](https://www.facebook.com/codesketchlab/)

💜 [Medium](https://medium.com/@marina.ferreira.developer)

Don't forget to subscribe to the >>> 🌹 [Code Sketch Channel](https://www.youtube.com/channel/UCHFmShpjG-8N52O0JD2ut3A) 🌹 <<< 😉

---

![Memory Game](./memory-game.gif)