所以这是代码:
window.onload=function(e){
//Created by Firestar001
var X;
var Y;
var board="";
var rizzalt=document.getElementById("rezzalt");
var letters = new Array;
letters = ["A","B","C","D","E","F","G","H","I","J"];
for(a=0; a<=9; a++){
board+="<tr>";
for(b=1;b<=14; b++)
{
board+="<td id=/'"+ letters[a] + b +"/' onClick=/'AreaCode()/'>" + letters[a]+b+"</td>";
}
board+="</tr>";
}
var Grade = document.getElementById('friend_water');
Grade.innerHTML = board;
}
function AreaCode(){
console.log("I work");
rizzalt.innerHTML+="Works ";
}
<table id="friend_water" border="1 solid black">jklol</table><p></p><p id="rezzalt"></p>
我在其中添加了“rizzalt rezzalt”,以便在使用 stackoverflow 上的代码片段时提供确认。
因此它将创建一个战舰网格,A-J,1-14。我想要发生的是,当玩家单击一个方 block (例如:C4)时,我希望控制台说“我工作”,所以......我知道它有效。该表加载正确,但当我单击一个单元格时,它给出: Uncaught SyntaxError: Unexpected token ILLEGAL
引用 html 中的第 1 行,即 <!DOCTYPE html>
线。
谢谢大家的帮助。
编辑:已解决。
再次感谢大家的帮助。代码可以正常工作,现在我可以开始制作更多的战舰游戏了。
最佳答案
请检查您的代码的修改版本
var rizzalt=document.getElementById("rezzalt");
window.onload=function(e){
//Created by Firestar001
var X;
var Y;
var board="";
var letters = new Array;
letters = ["A","B","C","D","E","F","G","H","I","J"];
for(a=0; a<=9; a++){
board+="<tr>";
for(b=1;b<=14; b++)
{
board+="<td id='"+ letters[a] + b +"' onClick='AreaCode()'>" + letters[a]+b+"</td>";
}
board+="</tr>";
}
var Grade = document.getElementById('friend_water');
Grade.innerHTML = board;
}
function AreaCode(){
console.log("I work");
rezzalt.innerHTML+="Works ";
}
<table id="friend_water" border="1 solid black">jklol</table><p></p><p id="rezzalt"></p>
关于javascript - Onclick 函数、innerHTML 和创建表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27070589/