Onclick funktioniert nicht auf Tabellenzellen?

Question

Ich versuche gerade, ein Tic Tac Toe Board zu machen, aber es wird nicht von der innerHTML Funktion von JavaScript beeinflusst. Ich versuche, das h1 innerhalb der ersten Zelle zu ändern, die leer ist, um X zu sagen, wenn die Zelle angeklickt wird, aber es funktioniert nicht. Jede Hilfe wird geschätzt.

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

Sie keinen Verweis auf die Funktion übergeben, anstatt einen Aufruf an die Funktion übergeben

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

dies how it works

Answer 2

Nach meinem kleinen Wissen Sie haben um die gesamte Funktion für das onclick-Ereignis in CSS aufzurufen.

Es sollte wie sein:

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