Step 4 for creating a Snake on SSaurel's Blog

draw.js

draw(realfps) {
    this.ctx.fillStyle = "#EFEFEF";
    this.ctx.fillRect(0, 0, canvas.width, canvas.height);

    this.ctx.font = "20px Arial";
    this.ctx.fillStyle = "black";
    //this.ctx.fillText("FPS: " + realfps, 10, 30);
    this.ctx.fillText("Points: " + this.points, 10, 30);

    this.ctx.fillStyle = "green";
    var eltw = this.eltw;
    var elth = this.elth;
    var marginx = this.marginx;
    var marginy = this.marginy;

    var ctx = this.ctx;

    this.elements.forEach(function (element) {
        ctx.fillRect(element.x * eltw + marginx, element.y * elth + marginy, eltw - marginx, elth - marginy);
    });

    this.ctx.fillStyle = "red";
    ctx.fillRect(this.food.x * eltw + marginx, this.food.y * elth + marginy, eltw - marginx, elth - marginy);
}