Первая программа: "Не надо стеснятся" [11/25] не могу пройти


#1

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


#2

Смотрите. Спрашивайте.
var popup = document.querySelector(’.popup’);
var openPopupButton = document.querySelector(’.button-show’);
var closePopupButton = popup.querySelector(’.button-hide’);

openPopupButton.addEventListener(‘click’, function (evt) {
evt.preventDefault();
popup.classList.add(‘popup–open’);
});

closePopupButton.addEventListener(‘click’, function () {

popup.classList.remove(‘popup–open’);
});

document.addEventListener(‘keydown’, function (evt) {

if (evt.keyCode === 27) {
popup.classList.remove(‘popup–open’);
}

})


#3

опять-же, трудновато, вставил код, протестировал, 3 правильных из 5, неверно работает :frowning:


#4

Другие варианты у вас есть?


#5

Друзья, подскажите, в чём дело, вышеописанное решение соответствует учебному видео, но не решает все задачи?


#6

‘popup–open’ - тут двойной дефис, и везде кавычки одинарные.

Решение на 100%

var popup = document.querySelector(’.popup’);
var openPopupButton = document.querySelector(’.button-show’);
var closePopupButton = popup.querySelector(’.button-hide’);

openPopupButton.addEventListener(‘click’, function (evt) {
evt.preventDefault();
popup.classList.add(‘popup–open’);
});

closePopupButton.addEventListener(‘click’, function () {
popup.classList.remove(‘popup–open’);
});

document.addEventListener(‘keydown’, function (evt) {
if (evt.keyCode === 27) {
popup.classList.remove(‘popup–open’);
}
}
)


#7

Низкий вам поклон! )