как подключить переключатель

Ссылки стилизованы под кнопки, когда одна из них активна, то под ней полоска со стрелочкой (это стилизованно под класс .active). Поставил обработчик событий, но почему-то не выходит. В чем ошибка?

<ul class="btn-page">
            <li class="btn-items"><a class="active" href="#">pizza cartoon</a></li>
            <li class="btn-items"><a href="#">burger</a></li>
            <li class="btn-items"><a href="#">sandwich</a></li>
            <li class="btn-items"><a href="#">drinks</a></li>
</ul> 

const itemsBtn = document.querySelectorAll('.btn-items');
    itemsBtn.addEventListener('click', () => {
        itemsBtn.classList.toggle(".active");
    })