Активация кода поиска

Живой поиск по содержимому страницы, появляется при нажатии на кнопку. То есть...

function нажатия на кнопку() {


function genNewSearch() {

  var place = document.getElementsByClassName('old-Searchbar')[0];
  
  var gendiv = document.createElement("div");
  var genp = document.createElement("p");
  var genl = document.createElement("label");
  gendiv.setAttribute('id', 'control-block');
  genl.classList.add("ellipsis-one-line", "main-type-mestoBold");
  genl.innerHTML = `<input type = "text" id = "input-text">`;
  genp.appendChild(genl);
  gendiv.appendChild(genp);
  gendiv.addEventListener("input", actionofgenNewSearch)  // <-------------
  place.insertBefore(gendiv, place.firstElementChild)

  }
  setTimeout(genNewSearch, 20);

}

function actionofgenNewSearch() {Код самого поиска}

В общем, вопросы вызывает gendiv.addEventListener("input", actionofgenNewSearch) Всё ли тут так? Начнется ли работа скрипта поиска вообще при вводе. Если нет, то как сделать правильно?