JavaScript – Как узнать, пуст ли элемент? ⇐ Html

[Anonymous]

Я делаю игру «Крестики-нолики». Моя проблема в том, что мой код позволяет перезаписывать X или O, даже если один из квадратов уже содержит X или O. Я использую оператор if для записи X или O в зависимости от числовой переменной, которая каждый раз увеличивается на единицу. Я хотел бы добавить еще одно условие, которое позволяет писать X или O только в том случае, если мой тег пуст. Как мне это сделать? Примечание. Пожалуйста, только JavaScript, поскольку я еще не начал изучать jQuery.
Заранее спасибо!

JS

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

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

});
}


HTML –

































Подробнее здесь: https://stackoverflow.com/questions/474 ... t-is-empty