first detect target collision, then move snake

_src/assets/ts/snake.ts

 let fieldSize = 20;
 
 let snakeField:HTMLElement = document.getElementById("snakeField");
-let snake:number[][] = [[10, 10]];
-let snakedir:number = 0;
+let snake:number[][] = [[10, 10], [10, 11], [10, 12]];
+let snakedir:number = 2;
 let target:number[] = []
 let score = 0;
 
@@ -74,8 +74,6 @@ function detectEnd(){
     }
 }
 let mainLoop = window.setInterval(function(){
-    moveSnake();
-    detectEnd()
     for(let y:number = 0; y<snake.length; y++){
         let currentSnake = snake[y];
         if(currentSnake[0] == target[0] && currentSnake[1] == target[1]){
@@ -84,6 +82,8 @@ let mainLoop = window.setInterval(function(){
             target = [getRandomInt(fieldSize), getRandomInt(fieldSize)];
         }
     }
+    moveSnake();
+    detectEnd()
     drawField();
 }, 1000);