Conseguir manipular os clicks com muita dificuldade kk

Oi, Reinaldo! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Achei bem interessante a forma como você usou o array.push(li) para registrar os elementos e depois percorreu com for...of para controlar a classe ativa. Isso mostra que você já está conseguindo manipular os eventos de clique de maneira organizada.

Uma dica interessante para o futuro é usar o método querySelectorAll para selecionar vários elementos de uma vez e manipular sem precisar manter manualmente um array. Veja este exemplo:

const itens = document.querySelectorAll('li');

itens.forEach((item) => {
    item.addEventListener('click', () => {
        itens.forEach(i => i.classList.remove('ativo'));
        item.classList.add('ativo');
    });
});

Esse código pega todos os li, adiciona o evento de clique e garante que apenas um fique com a classe ativo por vez.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!