@Nicknick1

Почему некорректно раскрывается и скрывается окно?

Буду благодарен за разъяснение,

Не могу понять следующее:

1. Почему попап не раскрывается при первом клике?
2. Почему так много раз выполняются функции (практически удваивается кол-во кликов в консоли)?

<div class="popup">
        <h1>Hdshdh</h1>
        <span>fsdfsdf</span>
      </div>
<input type="button" onclick="test()" value="Открыть окно">


.popup {
  display: none;
}

.active {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: burlywood;
}

input {
  margin-top: 100px;
}


function test() {
    let btn = document.querySelector('input');
    let pp = document.querySelector('.popup');
    let active = document.querySelector('active');

    btn.addEventListener('click', function () {
        pp.classList.toggle('active');
        console.log('click');

        if (pp.classList.contains('active')) {
            window.addEventListener('dblclick', function () {
             pp.classList.remove('active');
             console.log('click_1');
            })
        }
    })
    }


6336d00fb7066318733882.png
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы