Навешать обработчик событий на созданный элемент js?

Question

[RushV]

Здравствуйте!
Как навешать обработчик событий на созданный элемент ?
Есть функция добавления элементов div при клике мыши

function btn(){
    let s = document.querySelector('#inname').value;
    let r = document.querySelector('#inname2').value;
    let divRow = document.createElement("div");
    let divCol = document.createElement("div");
    divRow.classList.add("row","my-3");
    divCol.classList.add( colNum , "bg-success", "py-3","text-white","text-center");
}

Хочу при клике изменить переменную colNum

let fnDivi = document.querySelector('#divisionCheck');
    fnDivi.addEventListener("change", function () {
      
      if (this.checked) {
        colNum.classList.add("col-6");
        colNum.classList.remove("col-12");
      } else{
         colNum.classList.add("col-12");
         colNum.classList.remove("col-6");
      };
    });
});

Заранее благодарю!

Comments

[WapSter]

Делегирование или навешивай после создания элемента

Answer 1

[ForSureN1]

Навешай обработчик на родителя, и делегированием вызывай нужную функцию