博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
周总结
阅读量:6967 次
发布时间:2019-06-27

本文共 1850 字,大约阅读时间需要 6 分钟。

这周学习最多还是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 οnclick='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>

转载于:https://www.cnblogs.com/lcsxuexi/p/5365121.html

你可能感兴趣的文章
mysql驱动名更新
查看>>
三、Flask_会话控制与请求钩子
查看>>
WS Security 认证方式详解
查看>>
Spring Webflux: Kotlin DSL [片断]
查看>>
搜索引擎选择: Elasticsearch与Solr
查看>>
mysql联合索引
查看>>
监听服务管理(转)
查看>>
java中Hashtable中的t为什么是小写(转)
查看>>
linux C 内存管理方式之半动态
查看>>
图文并茂的生产者消费者应用实例demo
查看>>
asp.net core上使用redis探索(1)
查看>>
程序员的职业素养(读书笔记)-- 第一章
查看>>
Java实现线性表-顺序表示和链式表示
查看>>
HDU Simple Addition Expression
查看>>
mysql启动和关闭外键约束的方法
查看>>
idea如何打war包?(部署tomcat后具有class文件)
查看>>
安装 Docker <一>
查看>>
20165206 2017-2018-2 《Java程序设计》第三周学习总结
查看>>
C#中的Dictionary字典类介绍
查看>>
canvas使用2
查看>>