首页 > 网络编程 > JavaScript > javascript技巧 > js 扫雷

js版扫雷实现代码原理不错

2009-11-25 21:33:28 作者：

前一段时间在图书馆看了本关于JavaScript的书，上面讲怎样用js编推箱子小游戏。我想，那扫雷也当然能编出来，然后就用DW试了试，结果如下。

效果图：

以下代码复制粘贴到记事本后保存为.html文件，打开后会出现提示，右击允许即可：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>寻雷-----by 魅月</title> 
<style type="text/css"> 
 
</style> 
<script language="javascript"> 
var data=new Array( 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0], 
[0,0,0,0,0,0,0,0,0,0,0] 
); 
var count=0; 
do{ 
var a=1+Math.round(8*(Math.random())); 
var b=1+Math.round(8*(Math.random())); 
if(data[a][b]==0){ 
data[a][b]="shit"; 
count+=1; 
} 
}while(count<10) 
for(var i=1;i<10;i++){ 
for(var j=1;j<10;j++){ 
if(data[i][j]!="shit"){ 
var counter=0; 
if(data[i-1][j-1]=="shit") counter+=1; 
if(data[i-1][j]=="shit") counter+=1; 
if(data[i-1][j+1]=="shit") counter+=1; 
if(data[i][j-1]=="shit") counter+=1; 
if(data[i][j+1]=="shit") counter+=1; 
if(data[i+1][j-1]=="shit") counter+=1; 
if(data[i+1][j]=="shit") counter+=1; 
if(data[i+1][j+1]=="shit") counter+=1; 
data[i][j]=counter; 
} 
} 
} 
function pop(){ 
event.bubbles=true; 
var number=parseInt(event.srcElement.getAttribute("id")); 
var j=number % 10; 
var i=(number-j)/10; 
if(data[i][j]=="shit"){ 
alert("中雷了"); 
check(); 
return; 
} 
if(data[i][j]==0){ 
for(var p=i-1;p<i+2;p++){ 
for(var q=j-1;q<j+2;q++){ 
var r="" +p+""+q; 
var oElement=document.getElementById(r); 
if(oElement){ 
oElement.innerHTML=data[p][q]; 
} 
} 
} 
return; 
} 
document.getElementById(event.srcElement.getAttribute("id")).innerHTML=data[i][j]; 
} 
function check(){ 
for(var i=1;i<10;i++){ 
for(var j=1;j<10;j++){ 
var no="" + i+""+j; 
document.getElementById(no).innerHTML=data[i][j]; 
} 
} 
} 
</script> 
</head>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

js版扫雷实现代码 原理不错

您可能感兴趣的文章:

js版扫雷实现代码原理不错