js實現2048小遊戲

頁面

class=

"hidden" 
id="end" 
>
id="endspan"
>
id="table"
>
colspan=
"4">
id="s1"
>
id="s2"
>
id="s3"
>
id="s4"
>
id="s5"
>
id="s6"
>
id="s7"
>
id="s8"
>
id="s9"
>
id="s10"
>
id="s11"
>
id="s12"
>
id="s13"
>
id="s14"
>
id="s15"
>
id="s16"
>
colspan=
"4">
總分數：id=
"total"
>
colspan=
"4">type=
"button" 
id="start" 
οnclick=
"init()"
>start

table

trtd
span
.zero
.one
.two
.three
.four
.five
.six
.seven
.eight
.nine
.ten
.eleven
button
.hidden
.show
#end
#table

js

functioninit() 

add();
add();
document.getelementbyid("start").disabled=true;
keydown();
}functionisend() 
}for(vari=1
;i<=4
;i++)
//判斷左右是否有相同數字能夠移動
if(document.getelementbyid("s"+(1+4*(i-1)+j)).innerhtml==document.getelementbyid("s"+(1+4*(i-1)+j+1)).innerhtml)}}
return true;
}functionleft() 
//為空 判斷右方是否還有數字 以此來判斷按鍵時是否有移動
else if(!flag)}}
}//對數進行合併並賦值到新的陣列中
for(varm = 0 
; mlength
;m++)
else
}// 將數字顯示到頁面中
for(varn = 0
;nlength
;n++)
}if(flag) 
}functionright() 
else if(!flag)}}
}for(varj=0
;j<4
;j++)
for(varm = array.length-1 
; m>=0
;m--)
else
}for(varn = 0
;nlength
;n++)
}if(flag) 
}functionup() 
else if(!flag)}}
}for(varm = 0 
; mlength
;m++)
else
}for(varn = 0
;nlength
;n++)
}if(flag)
}functiondown() 
else if(!flag)}}
}for(varj=0
;j<4
;j++)
for(varm = array.length-1 
; m>=0
;m--)
else
}for(varn = 0
;nlength
;n++)
}if(flag)
}//在隨機空位置新增乙個數（2|4）
functionadd() 
}vari = math.floor(math.random() * 2);
if(array.length!=0) }}
ergodic();
}//初始化按鍵方法
functionkeydown()else if(e.keycode==38)else if(e.keycode==39)else if(e.keycode==40)
}}//計算總分數 上色
functionergodic() 
if(span.innertext==2)else if(span.innertext==4)else if(span.innertext==8)else if(span.innertext==16)else if(span.innertext==32)else if(span.innertext==64)else if(span.innertext==128)else if(span.innertext==256)else if(span.innertext==512)else if(span.innertext==1024)else if(span.innertext==2048)
span.parentnode.setattribute("class"
,"eleven");
} }
document.getelementbyid("total").innertext=total;
}

用js實現2048小遊戲

筆記倉庫 2048是一款休閒益智類的數字疊加小遊戲。文末給出源 和演示位址 在 4 4 的16宮格中，您可以選擇上 下 左 右四個方向進行操作，數字會按方向移動，相鄰的兩個數字相同就會合併，組成更大的數字，每次移動或合併後會自動增加乙個數字。當16宮格中沒有空格子，且四個方向都無法操作時，遊戲結束。...

用JS實現2048小遊戲

重新開始 撤回上一步 game top game top button game panel gridvar grid document.getelementsbyclassname grid var arr before 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 var ar...

用js實現2048小遊戲

筆記倉庫 github.com nnngu learn 2048是一款休閒益智類的數字疊加小遊戲。文末給出源 和演示位址 在 4 4 的16宮格中，您可以選擇上 下 左 右四個方向進行操作，數字會按方向移動，相鄰的兩個數字相同就會合併，組成更大的數字，每次移動或合併後會自動增加乙個數字。當16宮格中...