Как обратиться к элементам созданным через innerHtml?

Question

[Vaultboy84]

Добрый день. По клику открываю модальное окно, куда вставляю форму посредством js через innerHtml. Далее хочу чекать обязательные поля формы на их заполнение, но не получается обратиться к полям формы. Они внезапно undefined. События тоже не отслеживаются. Новичок в js, поэтому если можно, подскажите максимально простым языком, как мне обратиться к ним и повесить событие. Спасибо.

Comments

[Sun_Day]

Код где?

[Сергей delphinpro]

Погадаю: Искать поля формы и навешивать события нужно после вставки.

Answer 1

[vdem]

const formContainer = document.getElementById('formContainer');
formContainer.innerHTML = '<input type="email" name="email" required>';
formContainer.querySelector('[name=email]').addEventListener('change', function (e) {
    ...
});