• 大小: 4.38KB
    文件类型: .rar
    金币: 1
    下载: 0 次
    发布日期: 2024-05-23
  • 语言: JavaScript
  • 标签: HTML  js  

资源简介

【实例简介】使用html css js编写的2048小游戏,使用键盘上下左右键进行移动

【页面截图】

【核心代码】

// 模块化开发思路
var json={
// 创建初始化函数
init:function(){
var otab= document.querySelector('.tab'),
str='',
id=1;//返回文档指定的css元素,并保存
for(var i=0;i<4;i ){
   str ='<tr>';
   for(var j=0;j<4;j ){
str ='<td id="' id '"></td>';
   }
   str ='</tr>';
}
otab.innerHTML=str;                       
this.randomNum();
this.randomNum();
this.result();
},

//创建一个任意区间的随机函数
myRandom:function(min , max){
return Math.round(Math.random() * (max-min) min);
},
//随机在格子上生成一个数字
randomNum : function(){
  var num = this.myRandom(1,16);
ogrid=document.getElementById(num);
if(ogrid.innerHTML ==''){
ogrid.innerHTML= this.myRandom(1,2)*2;
}else{
this.randomNum();
}
},

资源截图

代码片段和文件信息

评论

共有 条评论