本文实例为大家分享了JavaScript实现扫雷小游戏的具体代码,供大家参考,具体内容如下
工具:崇高的文本/Dreamweaver Hbuilder
& lt; !doctype html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> SaoLei
& lt;风格类型=" text/css "比;
表格
{
-webkit-touch-callout:没有;/* iOS Safari */-webkit-user-select:没有;/* Chrome或Safari/歌剧*/-khtml-user-select:没有;/* Konqueror */-moz-user-select:没有;/* Firefox */-ms-user-select:没有;*//* ie/优势
用户选择:没有;/* Non-prefixed版本,目前不支持任何浏览器*/}
& lt;/style>
& lt;/head>
& lt; body>
& lt;中心比;
& lt; h3祝辞扫雷(扫雷),直径;& lt;/h3>
& lt; p>请设置行和列开始游戏& lt;/p>
& lt; p>游戏难度:& lt;选择id=八健弊４? lt; option>小白级& lt;/option> & lt; option>大神级& lt;/option> & lt;/select> & lt;/p>
& lt; p id=" select_level "祝辞& lt;/p>
行:& lt; input type=" text " id=靶小北?
列:& lt; input type=" text " id=肮乜凇北?
& lt;按钮id="添加"祝辞PlayGame
& lt; br>
& lt; p id="技巧"祝辞& lt;/p>
& lt; p id=" leiNum "祝辞& lt;/p>
& lt;表边界=" 2 " id=把∠羁ā弊４? lt;/table>
& lt; p id=" GScore "祝辞& lt;/p>
& lt;/center>
& lt;脚本type=" text/javascript祝辞
var lei=new Array(“,的心;”,“0”,“,的心;”“,的心;”,“,的心;”,“,的心;”);=$ var选项卡(“选项卡”);
var GScore=$ (“GScore”);
var得分=0;
var提示=$(“建议”);
var时间;
var=3;=$ var行(“行”);
var坳=$(“关口”);
var=0;
var lei_count=0;=$ var水平(水平);
var select_level=$ (“select_level”);
添加()函数
{
明确的();
tip.innerHTML="游戏开始”;
分数=0;
GScore.innerHTML="当前得分:“+分数;
lei_count=0;
tab.innerHTML=" ";
总=0;
总=方法(row.value) *方法(col.value);
我(var=0; i< row.value;我+ +)
{
var newTr=document.createElement (tr);
newTr.id=我。//newTr.style.background=昂谏?
(var j=0; j< col.value; j + +)
{//var兰德=方法(math . random () * lei.length);
newTr.innerHTML +=? lt; td祝辞& lt;按钮id=薄拔? +”、“+ j +”风格='宽度:25 px;高度:25 px;背景:绿色;颜色:绿色;边界:1 px蓝色固体οnclick=' myclick(这)“οnmοuseοver=' changecolor(这)“οnmοuseοut=' resetcolor(这个)”在“+ lei (rand) +”& lt;/button> & lt;/td>”;
如果(lei (rand)==" 0 ")
{
lei_count + +;
}
}
tab.appendChild (newTr);
}
总=Total-lei_count;
var leinum=$ (“leinum”);
leinum.innerHTML="本局雷数:“+ lei_count;
}
函数(id)美元
{
返回. getelementbyid (id);
}
函数变化(obj)
{
如果(obj.innerHTML==" 0 ")
{
时间=setInterval(1000次);
obj.style.backgroundColor=昂焐?
obj.innerHTML=" & # 128128;”;
alert(“游戏结束!”);
其他}
{
obj.style.backgroundColor=鞍住?
分数=得分+ 1;
}
GScore.innerHTML="当前得分:“+分数;
}
函数myclick (obj)
{
如果(obj.style.background !=鞍咨?
{
改变(obj);
检查(obj);
总——;
如果(总==0)
{
警报(“你赢了!总分:”+得分);
}
}
}
函数changecolor (obj)
{
obj.style。边境=" 1 px红色固体”;
}
函数resetcolor (obj)
{
obj.style。边境=" 1 px蓝色固体”;
}
函数乘以()
{
tip.innerHTML="游戏结束,”+我+“秒后重新开始游戏”;
如果(i==0)
{
add ();
}
我,;
}
明确()函数
{
clearInterval(时间);
我=3;
}
函数检查(obj)
{
var指数=0;
var len=obj.id.split (", ");
指数=数量(len[1]);//下标
var繁荣=0;//左节点
如果(index-1>=0)
{
如果(obj.parentNode.previousSibling.childNodes [0] .innerHTML==" 0 ")
{
繁荣+ +;
如果(levels.valuehttps://www.yisu.com/zixun/==毙“准丁?
obj.parentNode.previousSibling.childNodes [0] .style.background=昂谏?
}
}//右节点
如果(指数!=(col.value) 1) {
如果(obj.parentNode.nextSibling.childNodes [0] .innerHTML==" 0 ")
{
繁荣+ +;
如果(levels.valuehttps://www.yisu.com/zixun/==毙“准丁?
obj.parentNode.nextSibling.childNodes [0] .style.background=昂谏?
}
}//上节点
如果(obj.parentNode.parentNode.id !=" 0 ") {
如果(obj.parentNode.parentNode.previousSibling.childNodes(指数)childnodes [0] .innerHTML==" 0 ")
{
繁荣+ +;
如果(levels.valuehttps://www.yisu.com/zixun/==毙“准丁?
(指数)obj.parentNode.parentNode.previousSibling.childNodes childnodes [0] .style.background=昂谏?
}
}//下节点
如果(obj.parentNode.parentNode.id !=(row.value) 1) {
如果(obj.parentNode.parentNode.nextSibling.childNodes(指数)childnodes [0] .innerHTML==" 0 ")
{
繁荣+ +;
如果(levels.valuehttps://www.yisu.com/zixun/==毙“准丁?
(指数)obj.parentNode.parentNode.nextSibling.childNodes childnodes [0] .style.background=昂谏?
}
}//左上节点
如果(index-1>=0,,obj.parentNode.parentNode.id !=" 0 ") {
如果(obj.parentNode.parentNode.previousSibling.childNodes[索引1]childnodes [0] .innerHTML==" 0 ")
{
繁荣+ +;
如果(levels.valuehttps://www.yisu.com/zixun/==毙“准丁?
obj.parentNode.parentNode.previousSibling.childNodes[索引1]childnodes [0] .style.background=昂谏?
}
}//右上节点
如果(索引!=号(col.value) 1,,obj.parentNode.parentNode.id !=" 0 ") {
如果(obj.parentNode.parentNode.previousSibling.childNodes[指数+ 1]childnodes [0] .innerHTML==" 0 ")
{
繁荣+ +;
如果(levels.valuehttps://www.yisu.com/zixun/==毙“准丁?
obj.parentNode.parentNode.previousSibling.childNodes[指数+ 1]childnodes [0] .style.background=昂谏?
}
}//左下节点
如果(index-1>=0,,obj.parentNode.parentNode.id !=号(row.value) 1) {
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
