Replicated a snake game and the food that the snake is supposed to be chasing doesn't appear

JavaScript
1

image

The food (which is symbolized by the square red dot as show in the picture above is supposed to show up as well as the score , but neither of those two things show when I run my code. What do you think I am doing wrong:

Here is the link to my code:https://codepen.io/noblegas/pen/NWPKMGj

3

but I thought the values of foodX and foodY were already set in the createFood function:

foodX
foodX1453×315 15.4 KB