j0hnik,
Спасибо вам за науку. Действительно у меня не массив.
Исправил так:
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
<script>
function navigation(e) {
let el = e.target;
let listItem = el.parentNode.querySelectorAll('li');
let index;
listItem.forEach((item, i) => item == el ? index = i : 0);
console.log(index);
}
document.querySelector('ul').addEventListener('click', navigation);
</script>
теперь работает.