Solucionado
eu fiz algumas pesquisas pelo documento js e consegui achar o forEach e o toggle, não sei se esta correto vou ver a opinião do instrutor agora hahaha
document.querySelectorAll('.tecla').forEach(function (tecla) { tecla.addEventListener('click', function (event) { const elementoClicado = event.target; elementoClicado.classList.toggle('ativa'); }); });
Você está no caminho certo para resolver o exercício proposto! Usar forEach para iterar sobre os elementos selecionados com document.querySelectorAll('.tecla') e adicionar um ouvinte de eventos com addEventListener é uma abordagem eficaz.
Além disso, o uso do método toggle da lista de classes (classList) do elemento é uma excelente escolha para alternar a classe "ativa". Isso porque o toggle irá adicionar a classe se ela não estiver presente e removê-la se já estiver, o que se alinha perfeitamente com os requisitos do exercício de adicionar a classe ao clicar na tecla e removê-la ao clicar novamente.
Mas de toda forma, é válido verificar a forma como o instrutor utiliza e validar ambas.
Continue praticando e explorando cada vez mais!
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!