JavaScript Why is my snake not increasing after eating food?

[shivajikobardan]

TL;DR Summary

snake not increasing after eating food.

Here's the full code.

snakeArr.unshift({ x: snakeArr[0].x + inputDir.x, y: snakeArr[0].y + inputDir.y })

This is the code to increase the size of snake once it collides with food.
The code above it and below it, sound play when food is eaten and changing food location when food is eaten are working(sound play won't work on codepen).
What's the problem. Please help to fix the issue and understand it as well.

 

[shivajikobardan]

This issue has been fixed, I forgot to add CSS class to snake.