Onclickは表のセルで動作していませんか？

Question

私は現在チックタックボードを作ろうとしていますが、JavaScriptのinnerHTML関数の影響を受けていません。私は空である最初のセルの内側のh1を変更しようとしていますが、セルがクリックされたときにXといっても動作しません。どんな助けもありがとうございます。

function click1() { 
 
    document.getElementById("text1").innerHTML = "X"; 
 
}

* { 
 
    position: relative; 
 
    top: 0; 
 
    bottom: 0; 
 
    right: 0; 
 
    left: 0; 
 
    margin: auto; 
 
} 
 
table { 
 
    height: 300px; 
 
    width: 300px; 
 
} 
 
td { 
 
    border: 1px solid black; 
 
    
 
}

<table> 
 
    <tr> 
 
    <td id="1" onclick="click1"><h1 id="text1"></h1></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td></td> 
 
    </tr> 
 
</table>

Answer 1

代わりに、関数の呼び出しを渡し、関数への参照を渡さないでください

<td id="1" onclick="click1()"><h1 id="text1"></h1></td> 

これはあなたが持っている私の小さな知識によるとhow it works

Answer 2

ですCSSのonclickイベントで関数全体を呼び出す。

それは次のようにする必要があります：

<td id="1" onclick="click1()"><h1 id="text1"></h1></td>