[andrey8501]

Подскажите что не так делаю

есть блок, кликая по которому вызывается модальное окно

<div class="imp-spot-fontawesome-icon"></div>

есть блок, в котором имеется заголовок h2

<div class="squares-element sq-col-lg-12 ">
<h2 class="element">заголовок</h2>
</div>

есть модальное окно с формой

<div id="openModal" class="modalDialog">
<div class="popup">
<form>
<input type="text" name="text-669" value=""/>
</form>
</div>
</div>

хочу в value подставить значение с h2

addEventListener('click', ({target}) => {
   if(target.closest('.imp-spot-fontawesome-icon')) {
      const parent = target.closest('.squares-element'),
            h2 = parent.querySelector('.element'),
            text = div.textContent,
            popup = document.querySelector('#openModal');
	    popup.querySelector('[name="text-669"]').value = text;     
   }
   })

что то никак не получается подставить