Snake Game Code Challenge

Native JavaScript Only

This is one of my favorite challenges as it is simple and covers a few native Javascript concepts. I added the code for this (Cerny Code*) and you can download it here. Just rename the file to .html and open in any browser.

The Code

The code has a few key components:

• Create a canvas and an "apple"
• Handle the button clicks
• Set a timer and call the "game" logic to update the display (every 1000/15 milliseconds)
• Create an array for the snake tail
• Reset position when out of bounds
• Detect and reset on Apple collision

* Cerny Method is for demo only. The Cerny Method contains a small slice of hack code (forget SOLID, Conventions, Design Patterns, etc.) meant only to demo a concept.