<!DOCTYPE>
<html>
<head>
<title>Крестики-нолики</title>
<meta charset="utf-8">
<style>
td {
width:25px;
height:25px;
text-align:center;
background-color:lightgray;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script>
var hod = 0;
document.querySelector('table').onclick = function(e) {
if(e.target.nodeName == 'TD') {
if (hod%2 == 0){
e.target.innerText = "X";
} else {
e.target.innerText = "0";
}
hod++;
}
}
</script>
</body>
</html>