javascript - 如何更改 td 颜色，通过单击 td(如战舰游戏)？

Question

如何通过点击 td 来改变 td 的颜色(比如战舰游戏)？这是具有特定 ID 的代码:

str +="<td id='" + counter + "' onclick='checkClick(" + counter + "," + i + "," + j + ")' style = 'background-color: Black; height:30px; width:30px'>";

(最后的 str 将与 innerHTML 一起使用，它将在 body 内的 div 上更新它

checkClick 函数需要更改它，我尝试使用 innerHTML 或通过 ElementID 获取 td 但它没有用

Answer 1

# my_markup.html
<td id="clickable">Blah</td>

# my_scripts.js
document.getElementById("clickable").addEventListener("click", tableClicked);
function tableClicked(e) {
  e.target.style.backgroundColor = '#FF0000';
}