javascript - Onclick 函数、innerHTML 和创建表格

标签 javascript html

所以这是代码:

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/

相关文章:

javascript - 按 HTML 实体分割字符串?

javascript - 变量在函数中设置为未定义

javascript - 将图像移动到预定义的 x,y 位置

html - 将多个小元素包裹在一件大元素旁边

c# - 是否有用 C# 编写的开源 HTML 渲染器?

javascript - 动态使用另一个元素的高度

javascript - 具有垂直视差效果的 slider

javascript - 数组和嵌套子数组中的 lodash 属性搜索

javascript - 如何每 x 秒更改一次 Bootstrap 头图像?

javascript - 使用 AJAX 和 JavaScript 发送选定的选项