Что делать если нет переменной до загрузки сайта, но в коде есть цикл с той переменной?
Есть вот такой код, и при загрузке страницы, нет еще такого элемента в html. Только добавляется он если я нажму на кнопку. Как лучше всего решить такую проблему будет?
сonst exitMenu = document.querySelectorAll('.exit');
exitMenu.forEach(e => {
e.addEventListener('click', () => {
pupMenu.classList.add('hide');
pupMenu.children[0].classList.remove('show-pub');
})
});
openPub.forEach(e => {
e.addEventListener('click', event => {
event.preventDefault();
let htmlPubMenu;
if (e.classList.contains('contact-pup')) {
htmlPubMenu = `<div class="contact-menu d-flex">
<div class="exit">
<i class="fas fa-times"></i>
</div>
<div class="left-side">
<h3 class="contact-menu__title">LET'S TALK!</h3>
<h2 class="contact-menu__sup-title">CALL ME OR SEND ME A REQUEST</h2>
<div class="contact-menu__contact-person">
<div class="contact-menu__phone-text">
<i class="fas fa-phone"></i> +380986404004
</div>
<div class="contact-menu__email-text">
<i class="fas fa-envelope"></i> [email protected]
</div>
</div>
<form action="POST">
<label for="email">
Adress e-mail
</label>
<input class="contact-menu__email" type="email" name="email" id="email" placeholder="Adress e-mail">
<label for="text">
Request
</label>
<textarea class="contact-menu__request" name="text" id="text"
placeholder="Type your request..."></textarea>
<div class="contact-menu__wrap-btn">
<button class="contact-menu__send" type="submit">SEND</button>
</div>
</form>
</div>
<div class="rigth-side">
<div class="contact-menu__wrap-img">
<img class="contact-menu__img" src="img/request.png" alt="request">
</div>
</div>
</div>`
}
pupMenu.innerHTML = htmlPubMenu;
open()
})
})