Как я могу определить свою переменную?

Основываясь на вашем вопросе, я попытался воспроизвести то же самое

HTML

<input type = "text" id = "filter" />


<ul id = "names" class = "list-group">
  <li class = "list-group-item"><a>First item</a></li>
  <li class = "list-group-item"><a>Second item</a></li>
  <li class = "list-group-item"><a>Third item</a></li>
</ul>

JS:

// Get input element
  let filter = document.getElementById('filter');
  // Add event listener
  filter.addEventListener('keyup', filterNames);



  function filterNames() {
    // Get value of input
    let filterValue = document.getElementById('filter').value.toUpperCase();

    // Get names ul
    let ul = document.getElementById('names');
    // Get lis from ul
    let li = ul.querySelectorAll('li.list-group-item');

    // Loop through collection-item lis
    for (let i = 0; i < li.length; i++) {

         let a = li[i].getElementsByTagName('a')[0];
        // If matched
        if (a.innerHTML.toUpperCase().indexOf(filterValue) > -1) {
            li[i].style.display = '';

        } else {
            li[i].style.display = 'none';
        }
    }

}

если в этой строке нет его ошибки бросания

let a = li[i].getElementsByTagName('a')[0];

поскольку нет

рабочая рабочий пример

Скорее всего, проблема в том, что у вас нет a в каждом вашем li, и в результате let a = li[i].getElementsByTagName('a')[0]; вы получаете undefined. Так что вам лучше добавить чек, чтобы продолжить, например

for (let i = 0; i < li.length; i++) {

     let a = li[i].getElementsByTagName('a')[0];
    // If matched
    if (a && a.innerHTML.toUpperCase().indexOf(filterValue) > -1) {
        li[i].style.display = '';

    } else {
        li[i].style.display = 'none';
    }
}