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

css

table

trtd

span

.zero

.one

.two

.three

.four

.five

.six

.seven

.eight

.nine

.ten

.eleven

button

.hidden

.show

#end

#table

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宮格中...

js實現2048小遊戲

用js實現2048小遊戲

用JS實現2048小遊戲

用js實現2048小遊戲

相關推薦