JavaScript - Wie erkennt man, ob ein Element leer ist? ⇐ HTML

[Anonymous]

Ich mache ein Tic-Tac-Toe-Spiel. Mein Problem ist, dass mein Code es ermöglicht, X oder O neu zu schreiben, selbst wenn eines der Quadrate bereits X oder O enthält. Ich verwende eine if-Anweisung, um entweder X oder O zu schreiben, abhängig von einer Zahlenvariablen, die sich jedes Mal um eins erhöht. Ich möchte eine weitere Bedingung hinzufügen, die das Schreiben von X oder O nur dann zulässt, wenn mein Tag leer ist. Wie mache ich das? Hinweis: Bitte nur Javascript, da ich noch nicht mit dem Erlernen von jQuery begonnen habe.
Vielen Dank im Voraus!

JS

Code: Select all

var tds = document.querySelectorAll("td");
var player = 1;
var str = "";

for (var i = 0; i < tds.length; i++) {
tds[i].addEventListener("click", function(){
if( player % 2 === 0 && tds[i] !== "X"  && tds[i] !==
"O"){
this.textContent = "O";
} else if (player % 2 !== 0 && tds[i] === "" ) {
this.textContent = "X";
}
player++;

});
}

HTML -

Code: Select all