@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.ul1{
height:50px;
list-style-type:none;
margin-top:2px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
.li1{
width:46px;
float:left;
margin-left:2px;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
height:46px;
list-style-type:none;
text-align:center;
line-height:46px;
}
</style>
<script>
function aa(num) {
var bombs = new Array(num);
var flag = 0;
while (flag < num) {
bomb = Math.round(Math.random() * (num * num - 1));
var f = true;
for (var i = 0; i <= flag; i++) {
if (bomb == bombs[i]) {
f = false;
break;
}
}
if (f) {
bombs[flag++] = bomb;
}
}
return bombs;
}
function createDiv(num, bombs) {
var pDiv = document.getElementById("pdiv");
for (i = 0; i < num; i++) {
var flag = false;
var newUl = document.createElement("ul");
newUl.className = "ul1";
for (j = 0; j < num; j++) {
var newLi = document.createElement("li");
newLi.className = "li1";
newLi.id = "li" + (i * num + j);
flag = 0;
for (k = 0; k < num; k++) {
if (bombs[k] == (i * num + j)) {
flag = true;
break;
}
}
if (flag) {
var newtext = document.createTextNode(-1);
} else {
var newtext = document.createTextNode(0);
}
newLi.appendChild(newtext);
newUl.appendChild(newLi);
}
pDiv.appendChild(newUl);
}
}
function creatBox(num) {
var bombs = aa(num);
createDiv(num, bombs);
return bombs;
}
function play(num) {
var bombs = creatBox(num);
var temps = new Array(num * num - 1);
for (i = 0; i < num * num; i++) {
temps[i] = 0;
}
for (j = 0; j < num; j++) {
temps[bombs[j]] = -1;
}
lis = document.getElementsByTagName("li");
for (i = 0; i < lis.length; i++) {
lis[i].onclick = function ss() {
liid = this.id;
num = parseInt(liid.substring(2));
if (temps[num] == -1) {
alert("你踩到雷了");
} else {
alert(temps[num]);
}
}
lis[i].oncontextmenu = function tt() {
liid = this.id;
num = parseInt(liid.substring(2));
if (temps[num] == -1) {
alert("你排到雷了");
} else {
alert(temps[num]);
}
return false;
}
}
}
function myplay() {
var pDiv = document.getElementById("pdiv");
pDiv.innerHTML = "";
num = parseInt(document.getElementById("nd").value);
play(num);
}
</script>
</head>
<body>
<select name="nd" onchange="myplay()" id="nd">
<option value="4">簡單</option>
<option value="10">中等</option>
<option value="20">難</option>
</select>
<div id="pdiv">
</div>
<script language="javascript">
play(6);
</script>
</body>
</html>
|
