[JS] envoie cellule sélectionnées avec Ajax

Bonjour, ce sujet est une continuité d'un dernier post mais n'etait pas vraiment en lien avec le sujet. Alors ce que j'aimerai c'est pour envoyé les données d'une cellule sélectionné en base de données à l'aide d'ajax car oui l'evenement du click à été fait en javascript. Je vous montre le code ci-dessous. Le seul problème que la console m'envoie est que la cellule sélectionné n'est pas défini que faire ?

<div class="card border-0">
                        <table width="465" border="0" cellspacing="0" cellpadding="0" height="465" onclick="tes(event);">
                            <tr>
                              <td id="i1" class="i1" value="TOP-LEFT"></td>
                              <td id="i2" class="i2" value="TOP-CENTER"></td>
                              <td id="i3" class="i3" value="TOP-LEFT"></td>
                            </tr>
                            <tr>
                              <td id="i4" class="i4" value="CENTER-LEFT"></td>
                              <td id="i5" class="i5" value="CENTER-CENTER"></td>
                              <td id="i6" class="i6" value="CENTER-RIGHT"></td>
                            </tr>
                            <tr>
                              <td id="i7" class="i7" value="BOTTOM-LEFT"></td>
                              <td id="i8" class="i8" value="BOTTOM-CENTER"></td>
                              <td id="i9" class="i9" value="BOTTOM-RIGHT"></td>
                            </tr>
                        </table>
                    </div>

JS :

function tes(event) {
    if (event.target.nodeName == "TD") {
        event.target.classList.add('selected');
    }
}

AJAX :

let formData = new FormData();
formData.append('id', selected.id);
fetch('traitement.php', {
  method: 'POST',
  body: formData
});

Merci d'avance
Modifié par Kems (08 Apr 2021 - 16:28)

Merci de votre réponse mais je n'ai pas compris votre explication , pouvez vous m'éclairer un peu plus