KailashJS / JS-Games

Simple games developed using Vanilla Javascript

Developed the simple but Famous games using Javascript

List of Games

• Memory Game
• Whack-a-mole
• Connect Four
• Nokia 3310 Snake
• Space invaders
• Frogger
• Tetris

Hello WOrld

Core JavaScripts Concepts involved are

Memory Game

• push()
• querySelector()
• setAttribute()
• getAttribute()
• appendChild()
• Math.random()
• sort()
• For Loops
• createElement()

Whack-a-mole

• querySelector()
• addEventListener()
• setInterval()
• classList()
• forEach()
• Arrow functions

ConnectFour

• querySelector()
• addEventListener()
• onClick()
• classList.contains()
• classList.add()
• For Loops
• Arrow functions

Nokia 3310 Snake Game

• querySelector()
• addEventListener()
• setInterval()
• keyCodes()
• pop()
• unshift()
• push()
• classList.contains()
• classList.add()
• clasList.remove()

Space Invaders

• querySelector()
• addEventListener()
• switch cases
• keyCodes
• indexOf()
• includes()
• classList
• setInterval()
• clearInterval()
• push()

Frogger

• querySelector()
• addEventListener()
• setInterval()
• clearInterval()
• forEach()
• classList.contains()
• classList.add()
• classList.remove()

Tetris

• querySelector()
• addEventListener()
• Array.from()
• getElementByClassName()
• Math.floor()
• Math.random()
• forEach()
• classList.contains()
• classList.add()
• classList.remove()
• setInterval()
• clearInterval()
• some()
• style.backgroundImage
• splice()
• concat()
• appendChild()
• Arrow functions

This project was created to demonstrate usages of Evenet Handelers in Javascript and DOM manipulations. This is updated by Smruti.