原生js製作掃雷 自定義難度

2021-10-17 03:16:13 字數 2493 閱讀 7319

自定義初級

中級高階

魔鬼級重新開始

剩餘雷數:

time:

s

*

.gamebox

body

ul.col

.col:hover

.col span

.hide

.boom

.num-1

.num-2

.num-3

.num-4

.num-5

.num-6

.num-7

.num-8

.img-flag

.level

.level button

.level button:hover

.info

.info p

.info p span

window.onload = function() 

// 賦值

for (var i = 0; i < map.length; i++)

}var plus = function(array, x, y) }}

for (var i = 0; i < num; i++)

//左右2個 +1

plus(map, x, y - 1)

plus(map, x, y + 1)

} else

}return map;

}//先通過x軸數量寫入ul,再講過y軸的屬性寫入li

function writehtml(map)

}//給方格繫結事件, 點開數字 地雷 右鍵標記

function show()

//todo 判斷是否被開啟以及標記了

if (el.style.background == "white" || !el.children[1].classlist.contains("hide"))

// 獲取span標籤內容

var minenum = el.children[0].innerhtml;

if (minenum !== "9" && el.style.background !== "white")

// li背景變白色;span顯示

el.style.background = "white";

el.children[0].style.display = "inline";

// 判斷開啟數量

clearminenum++;

// 勝利函式

judgevictory()

} else if (minenum == "9")

}// 設定乙個計時器乙個乙個開啟雷

allnum = 0;

var stop = setinterval(function()

}, 30)}}

// 右鍵標記地雷

element.oncontextmenu = function(event)

if (el.nodename != "li")

// 獲取img

var classlist = el.children[1].classlist;

// 剩餘雷數

var residue = document.queryselector(".residue");

var minenum = parseint(residue.innerhtml);

// 如果沒有旗子,沒有被點開,可以插旗子

if (classlist.contains("hide") && el.style.background != "white") else if (el.style.background != "white")

}// 剩餘雷數

residue.innerhtml = minenum;}}

}function judgevictory()

}}, 20)}}

//自動開啟空格

function shownomine(x, y) }}

}}

// if (x + i >= 0 && x + i < row)

// }

// }

// }}}

//初始化方法

var stoptime;

function init(row, col, num) , 1000)

}// 重置

var restart = document.queryselector(".restart");

restart.onclick = function(event)

// 自定義

var level = document.queryselector(".level")

level.onclick = function(event)

}init(row, col, num)

}

vue中使用原生js自定義事件監聽

vue專案中引入外部js 需要通過外部js觸發vue元件執行某些事件 js中,最簡單的建立事件方法,是使用event構造器 var myevent new event event name 但是為了能夠傳遞資料,就需要使用 customevent 構造器 var myevent new custom...

製作自定義CSDNBLOG面板

如果你已經有了乙個比較個性化的計數器的話,下面我教你如何為csdnblog製作自定義 的功能,如果你沒有並且需要為你的csdnblog新增乙個個性化計數器的話,可以參閱我寫的另一篇文章。關於給csdnblog新增計數器 1 使用系統定義 系統為我們已經提供了幾個定義好的 介面,我們可以通過 選項 配...

Docker製作自定義映象

docker使用基礎映象製作自定義映象,然後根據自定義映象生成新的容器。一 生成自定義映象 1.ubuntu安裝docker curl ssl sh 2.ubuntu獲取debian映象 sudo docker pull debian 3.根據基礎映象新建容器,並以後臺形式執行 sudo docke...