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

[Anonymous]

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

< div class="snippet-code">

Код: Выделить всё

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++;

});
}

Код: Выделить всё

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