Question

我试图在html中构建一个扫雷并且javascript不是woking

继承我的HTML

    <!DOCTYPE html>
    <html>
<head>
    <link rel = "stylesheet" type = "text/css"
    href = "minesweeper.css" >
</head>
<body>
    <table id = "i" ></table>
    <script src = "minesweeper.js" ></script>
</body>
    </html>

这是css

td{
border: 2px outset #000000;
width:25px;
height: 25px;
background-color: #cfcfcf;
  }

这里是javascript（minesweeper.js）

   var gameBox = document.getElementById("i").innerHTML;
      console.log(gameBox);
     for ( var i = 0 ; i < 3 ; i++ ) {

gameBox += "<tr>";
console.log(gameBox);
for ( var j = 0 ; j < 3 ; j++ ) {
    gameBox += "<td id = '" /*+ i*/ + j + "'></td>";
}
gameBox += "</tr>";
    }

我得到的只是一个空白页

表示该页面的链接 http://borisute.com/geshem/2013/mkeller/minsweeper.html （它有一些代码，我没有包括b / c与上述问题无关

Answer 1

您仍然需要将gamebox放在脚本末尾的html中：

var gameBox = document.getElementById("i").innerHTML;
for ( var i = 0 ; i < 3 ; i++ ) {

    gameBox += "<tr>";
    for ( var j = 0 ; j < 3 ; j++ ) {
        gameBox += "<td id = '" + i + j + "'></td>";
    }
    gameBox += "</tr>";
        console.log(gameBox);
}
document.getElementById("i").innerHTML = gameBox;

Answer 2

你的gamebox变量只不过是for循环的结尾

<tr><td id = '0'></td><td id = '1'></td><td id = '2'></td></tr><tr><td id = '0'></td><td id = '1'></td><td id = '2'></td></tr><tr><td id = '0'></td><td id = '1'></td><td id = '2'></td></tr>

此外，您没有分配任何元素。您只是创建变量。

JavaScript似乎没有工作

2 个答案: