周总结

这周学习最多还是HTML 在制作一款小游戏,感觉挺有趣的。C语言不是很懂。

这是小游戏的代码都还没完成,还要加限制时间和进入下一关还有开始的设计才是成功的

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>趣味小游戏</title>

<script type="text/javascript">
var currImg1=-1;
var lastImg1=-1;
var n;
var count=0;
var isUsed= new Array;

var myArray=new Array(13);


function mySort()
{
return Math.random()>.5;
}

function init(row, col)
{
var n=(row*col)/2;
for(var k=0;k<(n*2);k++)
{

isUsed[k]=false;
}

for(var k=0;k<n;k++)
{


myArray[k]=( Math.round( Math.random()*18));
myArray[k+n]=myArray[k];
}
myArray.sort(mySort);


var str='<table name="myT" border="1" width="300" height="300">';
for(var i=1;i<=row;i++)
{
str+="<tr>";
for(var j=0;j<col;j++)
{
str+="<td onclick='judge("+ ((i-1)*col +j )+");'>"
str +="<img id='img_"+ ((i-1)*col +j )+"' src='photo/image0.gif'/>"
str+="</td>";
}
str+="</tr>";
}
str+= "</table>"
document.getElementById("mt").innerHTML=str;

}
function createTable()
{
var row=document.getElementById("t1").value;
var col=document.getElementById("t2").value;
init(row,col);
}

 

 

function judge(temp)
{
if(isUsed[temp]) return;
isUsed[temp]=true;
lastImg1=currImg1;
currImg1=temp;



var currImg=document.getElementById("img_"+temp);
currImg.src="photo/image"+myArray[temp]+".gif";
//alert(myArray[temp]);
if(currImg1>=0 &&lastImg1>=0)
{

if(myArray[currImg1]==myArray[lastImg1])
{
alert("匹配成功");
count++;
currImg1=lastImg1=-1;
if(count>=n)
{
alert("游戏结束,进入下一关");
}

}



else
{

var lastImg=document.getElementById("img_"+lastImg1);
lastImg.src="photo/image0.gif";

isUsed[lastImg1]=false;
}

}
}
</script>
</head>

<body>
<div id="mt">test</div>
<input type="text" value="3" id="t1"/>
<input type="text" value="4" id="t2"/>
<input type="button" value="生产表格" onClick="createTable();"/>
</body>
</html>

posted on 2016-04-07 19:56  经一事长一智  阅读(176)  评论(1编辑  收藏  举报

导航