Сбросить значение div после переключения

Question

так что я переключаюсь между двумя делителями, чтобы показать, чья очередь за игрой в крестики-нолики с этим блоком кода

function whosTurn() {
    container.addEventListener('click', () => {
        firstturn.style.display = (
            firstturn.style.display == "none" ? "block" : "none");
        secondturn.style.display = (
            secondturn.style.display == "none" ? "block" : "none");
    })
}
whosTurn()

И я придумал это, чтобы сбросить div наотображать #firstturn при нажатии кнопки сброса

function resetDiv() {
    reset.addEventListener("click", () => {
        $(document).ready(function () {
            if ($('#secondturn').length > 0) {
                $('#secondturn').replaceWith($('#firstturn'));
            }
        })

    })
}
resetDiv()

Но, похоже, это не работает, когда я пытаюсь .replaceWith "#firstturn", но когда я создаю новый другой div и помещаю егона первом месте (просто как тест) он работает.

Я не уверен, что это вызвано чем-то в первом блоке кода, но любая помощь будет принята с благодарностью!

Answer 1

вместо замены, вам просто нужно сделать логику показа / скрытия (сначала показать, скрыть вторую).

Но я бы настоятельно рекомендовал работать с классами или атрибутами данных и выполнять стилизацию с помощью css. Дайте мне знать, если вам нужна помощь в этом.