https://github.com/ihatetoast/vanilla-memory

simple memory game using vanilla js
https://github.com/ihatetoast/vanilla-memory

javascript memory-game vanilla-js

Last synced: 1 day ago
JSON representation

simple memory game using vanilla js

• Host: GitHub
• URL: https://github.com/ihatetoast/vanilla-memory
• Owner: ihatetoast
• Created: 2020-11-29T14:07:40.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-02T13:49:49.000Z (about 4 years ago)
• Last Synced: 2024-11-22T05:28:47.183Z (2 months ago)
• Topics: javascript, memory-game, vanilla-js
• Language: JavaScript
• Homepage: http://ihatetoast-vanilla-memory.surge.sh/
• Size: 179 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Memory Game in Vanilla JS

## What

In case the title isn't enough, this is a memory game in vanilla javascript. The user clicks on two cards at a time. If the images revealed are the same, the user gets the pair. You know how this goes.

## Why

This is to keep the vanilla side fresh and to have an excuse to use Procreate to make my own images. Since that will take time, I do not want the logic to drag me down. Don't drag me down, man. Since the images will be kept at a small size, I am keeping it raster (Procreate) and not vector (Affinity Design).

## How this helped me

As an English speaker who majored in German, I can connect JS to learning and maintaining a language other than one's first. I have found that by focusing on React after work and jQuery at work (god save me), I lose the basics of Javascript. If I were to focus on business German, I might not be able to chat about other things if in a conversation with someone on the bus or a neighbour. Fachsprachen / technical languages or industry-specific languages are important as they have their unique jargon, lingo, etc., but you shouldn't lose track of the fact that there's more to the language. 

This was also a reminder that even the simplest game in real life has intricacies we take for granted until we are coding this. While that peanut-butter-sandwich challenge shown in all dev or cs intro classes gets old and is probably unwise when so many people have allergies, it really does hammer in the point that what we do in real life involves more than what we think about until we have to code it.

## What next

* Fail messages currently are just randomly picked. Look at # of tries. Have level of snark inc as tries inc. 

Keep track of previous guesses. If two or three in a row, change message.

* Keep track of wins and losses

## tools

* HTML

* CSS

* Javascript

* Own images with Procreate