Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] classList.add + classList.remove

Estou tentando entender a utilização do remove para todos os botões somado a adição da classe no botão clicado. Eu entendi o seguinte:

Como a função alterarContexto está sendo chamada antes de botaoX.classList.add("active"), antes a classe active será removida de todos os botões (pela utilização do .forEach) e depois a classe active será adicionada apenas no botão que foi clicado, e por isso só teremos a mudança de classe no botão clicado.

É isso mesmo que acontece?

1 resposta
solução!

Oii, Dara! Tudo bem?

Exatamente, você entendeu perfeitamente como acontece.

Para exemplificar, imagine que você, representando o evento de clique, esteja em uma sala com várias luzes, representadas pelos botões, e um interruptor para cada luz.

Antes de acender qualquer luz, você vai até cada interruptor (representando o processo de remoção da classe active) e os desliga (remove a classe active).

Em seguida, você liga apenas o interruptor da luz que estava apontando inicialmente (adiciona a classe active apenas ao botão clicado).

Por fim, somente a luz apontada por você estará acendida, enquanto as outras estarão apagadas.

Dara, continue se dedicando aos estudos e qualquer dúvida, compartilhe aqui no fórum.

Bons estudos!