snake za sasho

// Creating variables
var myX = 0, myY = 0,snakeX=[],snakeY=[],snakesize= 4
var points=0


for(var i=0;i < snakesize;++i){
snakeX[i]=15
snakeY[i]=15+i

}
var lastpressed = 38 ,counter=0
var apppleX=Math.floor(Math.random()*20)
var apppleY=Math.floor(Math.random()*20)

function update() {
 if(counter%20==0){
     for(var i=snakesize-1;i>0;--i){
       snakeX[i]=snakeX[i-1]
       snakeY[i]=snakeY[i-1]

     }
if(lastpressed == key_up){
  snakeY[0]=snakeY[0]-1

}if(lastpressed == key_down){
  snakeY[0]=snakeY[0]+1

}if(lastpressed == key_right){
  snakeX[0]=snakeX[0]+1

}if(lastpressed == key_left){
  snakeX[0]=snakeX[0]-1

}
 if(areColliding(snakeX[0]*30,snakeY[0]*30,29,29,apppleX*30,apppleY*30,29,29)){
     apppleX=Math.floor(Math.random()*20)
     apppleY=Math.floor(Math.random()*20)
     snakesize++
     ++points


 }



 }

    counter++

}


function draw() {
    // This is how you draw a rectangle






for(var i=0;i<30;++i){
for(var j=0;j<30;++j) {
    context.fillStyle='black'
  context.fillRect(j*30,i*30,29,29)


   }
}
    context.fillStyle='red'
    for(var i=0;i<snakesize;++i){

        context.fillRect(snakeX[i]*30,snakeY[i]*30,29,29)
    }
context.fillStyle='green'
context.fillRect(apppleX*30,apppleY*30,29,29)
};

function keyup(key) {
    // Show the pressed keycode in the console
    console.log("Pressed", key);

    if(lastpressed==key_up && key==key_down){}
   else if(lastpressed==key_down && key==key_up){}
 else   if(lastpressed==key_right && key==key_left){}
 else   if(lastpressed==key_left && key==key_right){}
   else{
       lastpressed=key
   }
};

function mouseup() {
    // Show coordinates of mouse on click
    console.log("Mouse clicked at", mouseX, mouseY);
};