После поиска кнопки не работают

#javascript #html

У меня возникла одна большая. Есть список кнопок, есть их переключатели(вперёд и
назад по этому списку), есть так же поле поиска, по которому можно найти нужную кнопку.
При переключении кнопок на экране записывается имя текущей кнопки списка. При поиске
по имени кнопки, если имя верное, то поиск выведет на экране имя кнопки, если поиск
не удался, то выведет сообщение об ошибку ввода. До поиска кнопки переключения нормально
работают(т.е.  при нажатии вперёд или назад на экране появляется имя текущей кнопки),
они нормально работают так же после неудавшегося поиска, но возникает большая проблема
после удачного поиска - кнопки переключения перестают функционировать, т.е. на экране
не отображается имя кнопки, на которую переключились. Консоль браузера выдаёт ошибку. 

Помогите пожалуйста, я над этой проблемой уже больше 6 часов бьюсь, но без результатов.

Uncaught TypeError: Cannot set property 'innerText' of null
    at i.js:45
    at NodeList.forEach ()
    at HTMLButtonElement.


Если кому-то нужно могу переслать js, но не думаю, что это поможет.
    

Ответы

Ответ 1

Вы удаляете элемент p внутри .result в строчке 

result.textContent = res;


После этого document.querySelector("div.result > p") возвращает null.

Используйте в обоих местах

document.querySelector("div.result > p").textContent = ...;