js版寻雷

来源：互联网发布：淘宝订单怎么拆分发货编辑：程序博客网时间：2024/05/01 15:33

前一段时间在图书馆看了本关于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=utf-8" />
<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>