Почему не срабатывает событие click в мобиле?

Question

[Сергей Арсентьев]

на сайте test21.vsemesta.net есть код внизу - плавающий телефон с кнопкой "скрыть".

<div class="moytoptel">
<div class="moytoptel__wrapper"> 

<a href="tel:1234" class="moytel"><div class="moycontent">1234</div></a>

<button class="moybtn">-</button>
</div>
</div>

<script>
const moybtn = document.querySelector(".moybtn");
const moycontent = document.querySelector(".moycontent");

moybtn.addEventListener("click", btnClick);

function btnClick() {
    console.log(content.classList);

    if (moycontent.classList.contains("hiddens")) {
        moybtn.textContent = "-";
    } else {
        moybtn.textContent = "+";
    }

    moycontent.classList.toggle("hiddens");
}
</script>

В десктопе все работает.
В мобиле кликаешь на кнопку скрыть "-" и не работает.
Почему?

Comments

[alexalexes]

Варианты:
а) Браузер не видит определение функции btnClick в addEventListener. Решение - написать код функции btnClick до ее использования в addEventListener.
б) Браузер в мобилке устаревший, не знает как работать со свойством classList.

Answer 1

[defriz]

function btnClick() {

    if (moycontent.classList.contains("hiddens")) {
        moybtn.textContent = "-";
    } else {
        moybtn.textContent = "+";
    }

    moycontent.classList.toggle("hiddens");
}

Comments

[Сергей Арсентьев]

спасибо!
а если не секрет, почему console.log(content.classList); не позволяло обработать событие в мобиле именно?

[defriz]

Сергей Арсентьев, я проверял с десктопа и у меня также не работало, проблема была в том, что код не мог найти переменную "content" и поэтому не продолжал выполняться дальше

[Сергей Арсентьев]

а, теперь ясно, спасибо!

[defriz]

Сергей Арсентьев, не за что)