window.onload = function(){ var posx=0; var posy=0; var box = document.getElementById("box"); var win = document.getElementById("win"); var lose = document.getElementById("lose"); var again = document.getElementById("again"); var cont = document.getElementById("container"); var creat=document.getElementById("creat"); /*get moving buttons*/ var f=document.getElementById("right"); var f2=document.getElementById("left"); var f3=document.getElementById("down"); var f4=document.getElementById("up"); var x=document.getElementById("stop"); /*stone position*/ var ys1 =174; var ys2 =227; var xs1 =249; var xs2 =275; /*dark holes position*/ var y1 =120; var y2 =150; var x1 =120; var x2 =150; var y3 =0; var y4 =230; var x3 =200; var x4 =230; var y31 =40; var y32 =65; var x31 =160; var x32 =190; var y41 =190; var y42 =225; var x41 =165; var x42 =210; var y51 =15; var y52 =300; var x51 =85; var x52 =117; var y61 =0; var y62 =237; var x61 =20; var x62 =47; var y71 =250; var y72 =300; var x71 =120; var x72 =150; /*win point*/ var yw1 =0; var yw2 =35; var xw1 =240; var xw2 =300; creat.onclick = function(){ var txt=document.createTextNode("=)"); var nbox=document.createElement("div"); var p = document.createElement("p"); p.id = "gametxt"; p.appendChild (txt); nbox.appendChild(p); nbox.id ="box"; cont.appendChild(nbox); posx =1; posy =1; lose.style.display = "none"; } again.onclick = function(){ win.style.display = "none"; var txt=document.createTextNode("=)"); var nbox=document.createElement("div"); var p = document.createElement("p"); p.id = "gametxt"; p.appendChild (txt); nbox.appendChild(p); nbox.id ="box"; cont.appendChild(nbox); posx =1; posy =1; } /*move right (движение вправо)*/ f.onfocus=function(){ var b = document.getElementById("box"); var t=setInterval(move,8); x.onclick= function (){ clearInterval(t); } f.onblur= function (){ clearInterval(t); } function move(){ if(posx<=274){ posx+=1; b.style.left=posx+"px"; /*stone 1*/ if(posy>=ys1&&posy<=ys2&&posx>=xs1&&posx<=xs2) { posx-=1; clearInterval (t);} /*1 object*/ else if(posy>=y1&&posy<=y2&&posx>=x1&&posx<=x2) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } /*2 object*/ else if(posy>=y3&&posy<=y4&&posx>=x3&&posx<=x4) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } /*3 Object */ else if(posy>=y31&&posy<=y32&&posx>=x31&&posx<=x32) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } /*4 Object */ else if(posy>=y41&&posy<=y42&&posx>=x41&&posx<=x42) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } /*5 Object */ else if(posy>=y51&&posy<=y52&&posx>=x51&&posx<=x52) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } /*6 Object */ else if(posy>=y61&&posy<=y62&&posx>=x61&&posx<=x62) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } /*7 Object */ else if(posy>=y71&&posy<=y72&&posx>=x71&&posx<=x72) { cont.removeChild(b); clearInterval(t); lose.style.display = "block"; } else if(posy>=yw1&&posy<=yw2&&posx>=xw1&&posx<=xw2) { cont.removeChild(b); clearInterval(t); win.style.display = "block"; } /*stop moving*/ } else{ clearInterval(t); } } } /*move left (движение влево)*/ f2.onfocus=function(){ var b = document.getElementById("box"); var t2=setInterval(move2,8); x.onclick= function (){ clearInterval(t2); } f2.onblur = function (){ clearInterval(t2); } function move2(){ if(posx>0){ posx-=1; b.style.left=posx+"px"; /*stone 1*/ if(posy>=ys1&&posy<=ys2&&posx>=xs1&&posx<=xs2) { posy+=1; clearInterval (t2);} /*1 object*/ else if(posy>=y1&&posy<=y2&&posx>=x1&&posx<=x2) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*2 object*/ else if(posy>=y3&&posy<=y4&&posx>=x3&&posx<=x4) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*3 Object */ else if(posy>=y31&&posy<=y32&&posx>=x31&&posx<=x32) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*4 Object */ else if(posy>=y41&&posy<=y42&&posx>=x41&&posx<=x42) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*5 Object */ else if(posy>=y51&&posy<=y52&&posx>=x51&&posx<=x52) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*6 Object */ else if(posy>=y61&&posy<=y62&&posx>=x61&&posx<=x62) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*7 Object */ else if(posy>=y71&&posy<=y72&&posx>=x71&&posx<=x72) { cont.removeChild(b); clearInterval(t2); lose.style.display = "block"; } /*stop moving*/ } else{ clearInterval(t2); } } } /*move down (движение вниз)*/ f3.onfocus=function(){ var b = document.getElementById("box"); var t3=setInterval(move3,8); x.onclick= function (){ clearInterval(t3); } f3.onblur = function (){ clearInterval(t3); } function move3(){ if(posy<=274){ posy+=1; b.style.top=posy+"px"; /*stone 1*/ if(posy>=ys1&&posy<=ys2&&posx>=xs1&&posx<=xs2) { posy-=1; clearInterval (t3);} /*1 object*/ else if(posy>=y1&&posy<=y2&&posx>=x1&&posx<=x2) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*2 object*/ else if(posy>=y3&&posy<=y4&&posx>=x3&&posx<=x4) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*3 Object */ else if(posy>=y31&&posy<=y32&&posx>=x31&&posx<=x32) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*4 Object */ else if(posy>=y41&&posy<=y42&&posx>=x41&&posx<=x42) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*5 Object */ else if(posy>=y51&&posy<=y52&&posx>=x51&&posx<=x52) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*6 Object */ else if(posy>=y61&&posy<=y62&&posx>=x61&&posx<=x62) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*7 Object */ else if(posy>=y71&&posy<=y72&&posx>=x71&&posx<=x72) { cont.removeChild(b); clearInterval(t3); lose.style.display = "block"; } /*stop moving*/ } else{ clearInterval(t3); } } } /*move up(движение вверх)*/ f4.onfocus=function(){ var b = document.getElementById("box"); var t4=setInterval(move4,8); x.onclick= function (){ clearInterval(t4);} f4.onblur = function (){ clearInterval(t4); } function move4(){ if(posy>0){ posy-=1; b.style.top=posy+"px"; /*stone 1*/ if(posy>=ys1&&posy<=ys2&&posx>=xs1&&posx<=xs2) { posy+=1; clearInterval (t4);} /*1 object*/ else if(posy>=y1&&posy<=y2&&posx>=x1&&posx<=x2) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*2 object*/ else if(posy>=y3&&posy<=y4&&posx>=x3&&posx<=x4) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*3 Object */ else if(posy>=y31&&posy<=y32&&posx>=x31&&posx<=x32) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*4 Object */ else if(posy>=y41&&posy<=y42&&posx>=x41&&posx<=x42) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*5 Object */ else if(posy>=y51&&posy<=y52&&posx>=x51&&posx<=x52) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*6 Object */ else if(posy>=y61&&posy<=y62&&posx>=x61&&posx<=x62) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*7 Object */ else if(posy>=y71&&posy<=y72&&posx>=x71&&posx<=x72) { cont.removeChild(b); clearInterval(t4); lose.style.display = "block"; } /*w Object */ else if(posy>=yw1&&posy<=yw2&&posx>=xw1&&posx<=xw2) { cont.removeChild(b); clearInterval(t4); win.style.display = "block"; } /*stop moving*/ } else{ clearInterval(t4); } } } }

my first game 1.1 lvl - 2