/JS-Games

Simple games developed using Vanilla Javascript

Primary LanguageJavaScript

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.