javascript基础教程.docx
《javascript基础教程.docx》由会员分享,可在线阅读,更多相关《javascript基础教程.docx(37页珍藏版)》请在冰豆网上搜索。
![javascript基础教程.docx](https://file1.bdocx.com/fileroot1/2023-1/30/35c46b8c-9c99-47df-a5ed-68edb7fceb6d/35c46b8c-9c99-47df-a5ed-68edb7fceb6d1.gif)
javascript基础教程
自己用js写的小游戏,扫雷和五子棋。
将代码保存为html页面。
直接打开便可运行,图片在文档最后(把图片放到和html页面相同的目录下)。
1、扫雷源码
//www.w3.org/1999/xhtml"lang="zh-CN">
wzvarqzyanse=newArray();
varqzx=newArray();
varqzy=newArray();
varzhadanx=newArray();
varzhadany=newArray();
functionsetzhadan()//先安放十个炸弹
{
for(vari=0;i<10;i++)
{
varzhadannumx=Math.random();
varzhadannumy=Math.random();
zhadanx[i]=Math.round(zhadannumx*10);
zhadany[i]=Math.round(zhadannumy*10);
}
}
functionsaolei(x,y)
{
varzdnum=(x-1)*10+y;
zdnum=zdnum+"";
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x&&zhadany[i]==y)//点到
{
document.getElementById(zdnum).src="zhadan.png";
document.getElementById(zdnum).display="none";
alert("点到了地雷");
return;
}
}
varzdshuliang=0;;//没点到
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x+1&&zhadany[i]==y)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x+1&&zhadany[i]==y-1)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x&&zhadany[i]==y-1)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x-1&&zhadany[i]==y-1)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x-1&&zhadany[i]==y)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x-1&&zhadany[i]==y+1)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x&&zhadany[i]==y+1)
{
zdshuliang++;
}
}
for(vari=0;i<10;i++)
{
if(zhadanx[i]==x+1&&zhadany[i]==y+1)
{
zdshuliang++;
}
}
document.getElementById(zdnum).style.display="none";
document.getElementById(zdnum+"s").innerHTML=zdshuliang+"";
}
functionluozi()
{}
800px;height:
600px;background-image:
url(beij.png);">
absolute;top:
40px;left:
40px;"onclick="saolei(1,1)">
absolute;top:
40px;left:
80px;"onclick="saolei(1,2)">
absolute;top:
40px;left:
120px;"onclick="saolei(1,3)">
absolute;top:
40px;left:
160px;"onclick="saolei(1,4)">
absolute;top:
40px;left:
200px;"onclick="saolei(1,5)">
absolute;top:
40px;left:
240px;"onclick="saolei(1,6)">
absolute;top:
40px;left:
280px;"onclick="saolei(1,7)">
absolute;top:
40px;left:
320px;"onclick="saolei(1,8)">
absolute;top:
40px;left:
360px;"onclick="saolei(1,9)">
absolute;top:
40px;left:
400px;"onclick="saolei(1,10)">
absolute;top:
80px;left:
40px;"onclick="saolei(2,1)">
absolute;top:
80px;left:
80px;"onclick="saolei(2,2)">
absolute;top:
80px;left:
120px;"onclick="saolei(2,3)">
absolute;top:
80px;left:
160px;"onclick="saolei(2,4)">
absolute;top:
80px;left:
200px;"onclick="saolei(2,5)">
absolute;top:
80px;left:
240px;"onclick="saolei(2,6)">
absolute;top:
80px;left:
280px;"onclick="saolei(2,7)">
absolute;top:
80px;left:
320px;"onclick="saolei(2,8)">
absolute;top:
80px;left:
360px;"onclick="saolei(2,9)">
absolute;top:
80px;left:
400px;"onclick="saolei(2,10)">
absolute;top:
120px;left:
40px;"onclick="saolei(3,1)">
absolute;top:
120px;left:
80px;"onclick="saolei(3,2)">
absolute;top:
120px;left:
120px;"onclick="saolei(3,3)">
absolute;top:
120px;left:
160px;"onclick="saolei(3,4)">
absolute;top:
120px;left:
200px;"onclick="saolei(3,5)">
absolute;top:
120px;left:
240px;"onclick="saolei(3,6)">
absolute;top:
120px;left:
280px;"onclick="saolei(3,7)">
absolute;top:
120px;left:
320px;"onclick="saolei(3,8)">
absolute;top:
120px;left:
360px;"onclick="saolei(3,9)">
absolute;top:
120px;left:
400px;"onclick="saolei(3,10)">
absolute;top:
160px;left:
40px;"onclick="saolei(4,1)">
absolute;top:
160px;left:
80px;"onclick="saolei(4,2)">
absolute;top:
160px;left:
120px;"onclick="saolei(4,3)">
absolute;top:
160px;left:
160px;"onclick="saolei(4,4)">
absolute;top:
160px;left:
200px;"onclick="saolei(4,5)">
absolute;top:
160px;left:
240px;"onclick="saolei(4,6)">
absolute;top:
160px;left:
280px;"onclick="saolei(4,7)">
absolute;top:
160px;left:
320px;"onclick="saolei(4,8)">
absolute;top:
160px;left:
360px;"onclick="saolei(4,9)">
absolute;top:
160px;left:
400px;"onclick="saolei(4,10)">
absolute;top:
200px;left:
40px;"onclick="saolei(5,1)">
absolute;top:
200px;left:
80px;"onclick="saolei(5,2)">
absolute;top:
200px;left:
120px;"onclick="saolei(5,3)">
absolute;top:
200px;left:
160px;"onclick="saolei(5,4)">
absolute;top:
200px;left:
200px;"onclick="saolei(5,5)">
absolute;top:
200px;left:
240px;"onclick="saolei(5,6)">
absolute;top:
200px;left:
280px;"onclick="saolei(5,7)">
absolute;top:
200px;left:
320px;"onclick="saolei(5,8)">
absolute;top:
200px;left:
360px;"onclick="saolei(5,9)">
absolute;top:
200px;left:
400px;"onclick="saolei(5,10)">
absolute;top:
240px;left:
40px;"onclick="saolei(6,1)">
absolute;top:
240px;left:
80px;"onclick="saolei(6,2)">
absolute;top:
240px;left:
120px;"onclick="saolei(6,3)">
absolute;top:
240px;left:
160px;"onclick="saolei(6,4)">
absolute;top:
240px;left:
200px;"onclick="saolei(6,5)">
absolute;top:
240px;left:
240px;"onclick="saolei(6,6)">
absolute;top:
240px;left:
280px;"onclick="saolei(6,7)">
absolute;top:
240px;left:
320px;"onclick="saolei(6,8)">
absolute;top:
240px;left:
360px;"onclick="saolei(6,9)">
absolute;top:
240px;left:
400px;"onclick="saolei(6,10)">
absolute;top:
280px;left:
40px;"onclick="saolei(7,1)">
absolute;top:
280px;left:
80px;"onclick="saolei(7,2)">
absolute;top:
280px;left:
120px;"onclick="saolei(7,3)">
absolute;top:
280px;left:
160px;"onclick="saolei(7,4)">
absolute;top:
280px;left:
200px;"onclick="saolei(7,5)">
absolute;top:
280px;left:
240px;"onclick="saolei(7,6)">
absolute;top:
280px;left:
280px;"onclick="saolei(7,7)">
absolute;top:
280px;left:
320px;"onclick="saolei(7,8)">
absolute;top:
280px;left:
360px;"onclick="saolei(7,9)">
absolute;top:
280px;left:
400px;"onclick="saolei(7,10)">
absolute;top:
320px;left:
40px;"onclick="saolei(8,1)">
absolute;top:
320px;left:
80px;"onclick="saolei(8,2)">
absolute;top:
320px;left:
120px;"onclick="saolei(8,3)">
absolute;top:
320px;left:
160px;"onclick="saolei(8,4)">
absolute;top:
320px;left:
200px;"onclick="saolei