Не могу разобраться в вобщем то с элементарной вещью, просто завис. Есть несолько Li.
<ul class="menu">
<li class="menu-item">Один</li>
<li class="menu-item">Два</li>
<li class="menu-item">Три</li>
<li class="menu-item">Четыре</li>
<li class="menu-item">Пять</li>
<li class="menu-item">Шесть</li>
</ul>
Кидаю их коллекцию квери селектрором и вешаю обработку на клик
const menuBtn = document.querySelectorAll(".menu-item");
function menuBtnClick() {
alert(this.InnerHTML);
}
for (let i = 0; i <= menuBtn.length; i++) {
menuBtn[i].onclick = menuBtnClick;
}
и вылазит ошибка Cannot set property 'onclick' of undefined
По идее по щелчку на лишку должен вылазить текст внутри неё. Вылазит ундевайнед.
Вопроса два. Первый, откуда берется эта ошибка. Второй (полагаю является следствием первого) почему вместо текста лишки вылазит ундефайнед