freeCodeCamp.org

My source, created by Ania Kubów. A great way to translate theoretical use of the code, learned and used in Springboard, into practical application.

Rock-Paper-Scissors

1st Game - simplest. Retrieve innerHTML to get the player's choice and use Math.random logic for the computer's choice.

See Project

Memory Game

2nd Game - Use Arrays, Objects to add images dynamically. Then use addEventListener 'clicks' to 'flip' the card giving user interaction.

See Project

Whac-A-Mole

3rd Game - Adding a timer for the countdown and an interval to move the mole.

See Project

Breakout

4th Game - learning construct(xAxis, yAxis). Using (x,y) to position divs, find their locations, bounce off of them and then remove them.

See Project

Frogger

5th Game - set interval for count down timer, moving logs/cars and to check for win/lose outcomes. AddEventListener for keystrokes which moves the frog.

See Project

Connect Four

6th Game - Rather simple compared to earlier games in this series - could be in first 3 games. Introduced the DOMContentLoader which I think is outdated (I used 'defer'). Has 'for loops' that grab information from an array and reassigns values temporarily, lots of 'if' & 'else if' statements for turn giving.

See Project

Space Invaders

7th Game - hardest. Many for/let loops to build the game: dynamically build the grid, populate/move/remove aliens, and test for win/lose. A switch statement for user interaction via 'keydown'.

See Project