Create snake game in JavaScript using GameController and use list instead of stack ADT

Please note: Use gamecontroller and not canvas.

write a basic description of your game. This should include:

a list of characters or other sprites that will be in the game.

a description of the overall goal for the player (score maximum points, finish fastest, avoid enemies, etc.).

a description of gameplay controls (arrow keys, WASD, mouse click, drag and drop, etc.).

a description of any significant non-player character behavior.

an explanation of how your chosen List fits into the game play.

Create A Snake in a room .

The snake will improve by eating food , using coordinates (x,y).

Will be using the arrow keys ( left right up down ).

The point of the game is when a snake eats food will get more squares , but if he hits him self he will lose some squares of its body.

will be using list , specifecly Function pop() to remove the loses part when he hits him self and returns to the top element by eating more food.

on collision the snake will return the loses part by using pop() with help of push(element) adding specified element to the top of the snake, however if he hits the wall it will End the Game.

Game implementation

you can implement your game in this repository. If you preview the game.html file, you will see a "do nothing" game that is created by code in the game.js file. Expand the game.js file to implement your game.

Note

fix the snake on game.js file not HTML, because HTML it's already there I jus need JS fixed

https://csci190.github.io/ArrayList/ArrayList.html