scrimba
Build a Snake game in JavaScript
Using .pop() to remove the tail of our Snake
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Using .pop() to remove the tail of our Snake
AboutCommentsNotes
Using .pop() to remove the tail of our Snake
Expand for more info
index.js
run
preview
console
const grid = document.querySelector('.grid')
const startButton = document.getElementById('start')
const score = document.getElementById('score')
let squares = []
let currentSnake = [0,1,2]

function createGrid() {
//create 100 of these elements with a for loop
for (let i=0; i < 100; i++) {
//create element
const square = document.createElement('div')
//add styling to the element
square.classList.add('square')
//put the element into our grid
grid.appendChild(square)
//push it into a new squares array
squares.push(square)
}
}
createGrid()

currentSnake.forEach(index => squares[index].classList.add('snake'))

Console
/index.html
-4:25