Witam Panowie mam taki problem zrobiłem sobie pewną apke w JS i chciałbym aby pewien div tzw. popup wyświetlał się po 5 sekundach gdy użytkownik wejdzie na stronie. Domyślne jest on ustawiony na display: none, a wszystkim sterować ma skrypt w javaScript dodatkowo chciałbym aby do elementu body w html dodawała się klasa która przyciemny cały dokument gdy wyświetli się popup. Niestety coś nie działa a sama konsola nie wyrzuca błędów, mógłby ktoś rzucić okiem i podpowiedzieć co mógłbym zrobić aby to zaczęło hulać. Druga funkcja służy do zamykania popupa po przez przycisk ESC.
document.addEventListener('DOMContentLoaded', () =>{
const popup = document.querySelector('.popup');
if(popup.style.display === "none"){
setTimeout(function(){
document.body.classList.add('opened-popup');
popup.style.display = "block";
}, 5000)
}
window.addEventListener('keyup', function(e){
if(e.keyCode === 27){
if(popup.style.display === "block"){
popup.style.display === "none";
document.body.classList.remove('opened-popup');
}
}
}, false)
}, false)