Что делать если нет переменной до загрузки сайта, но в коде есть цикл с той переменной?

Есть вот такой код, и при загрузке страницы, нет еще такого элемента в 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()
   })
})

Ответы (0 шт):