wip

css/style.css

@@ -51,4 +51,10 @@ h2 {
     justify-content: center;
 }
 
+#score{
+    font-size: 100px;
+    right: 0;
+    top: 40px;
+    position: absolute;
+}
 

js/index.js

@@ -4,6 +4,7 @@ import {Snake} from './snake.js';
 let snake = new Snake();
 let direction = null;
 const board = document.getElementById('board');
+const scoreDisplay = document.getElementById('score');
 
 let interval = setInterval(function(){ render(); console.log(snake.getInterval())}, snake.getInterval());
 
@@ -21,9 +22,11 @@ const render = () => {
     });
     snake.displayTarget()
 
+    scoreDisplay.innerHTML = snake.getScore();
+
     changeToTarget(snake.displayTarget().x, snake.displayTarget().y)
     clearInterval(interval);
-    interval = setInterval(function(){ render(); console.log(snake.getInterval())}, snake.getInterval());
+    interval = setInterval(function(){ render(); }, snake.getInterval());
 }
 
 

js/snake.js

@@ -16,6 +16,7 @@ export class Snake {
         this.pivots = new Array();
         this.target = new Target(0,0,"");
         this.interval = 100;
+        this.score = 0;
     }
 
     plotPath(){
@@ -85,11 +86,21 @@ export class Snake {
         return valid
     }
 
+    getScore(){
+        return this.score;
+    }
+
+    increaseScore(){
+        this.score += 1;
+    }
+
     iterate(direction){
+
         if(this.isTargetHit(this.path[0], this.target)){
             this.target.plotTarget();
             this.growSnake();
             this.reduceInterval()
+            this.increaseScore();
         }
 
         if(direction)
@@ -99,7 +110,16 @@ export class Snake {
         }
         this.path.map(block => {this.move(block)});
 
-
+        this.isEndGame()
+    }
+
+    isEndGame(){
+        let endGame = false;
+        let head = this.path[0];
+        this.path.map(bodyPart => {
+            if(bodyPart.type !== "head" && bodyPart.x === head.x && bodyPart.y === head.y)
+                alert("GAME OVER!")
+        });
     }
 
     move(block){
@@ -136,6 +156,11 @@ export class Snake {
         return block;
     }
 
+    moveSnake(){
+        this.growSnake();
+
+    }
+
 
     moveToCurrentDirection(block){
         if(block.direction === "left" )

js/target.js

@@ -7,7 +7,7 @@ export class Target extends Block {
         this.type = "target";
     }
 
-    plotTarget(){
+    plotTarget(snake){
         this.x = this.plotTargetCoordinate();
         this.y = this.plotTargetCoordinate()
     }