Na "opinião do instrutor" ela mostra o "forEach" que não ensinou nos vídeos. Assista os vídeos e confira.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Na "opinião do instrutor" ela mostra o "forEach" que não ensinou nos vídeos. Assista os vídeos e confira.
Oi, Everton, tudo bem?
A proposta dessa Lista de exercícios é desafiar seus conhecimentos e curiosidade sobre como essa funcionalidade pode ser aplicada no projeto. Abaixo vou te explicar um pouco mais sobre o método forEach:
O método forEach é uma função aplicada a cada item em um array. Ele é muito útil quando queremos executar uma ação para cada item de um array. No contexto dos exercícios que você está trabalhando, ele poderia ser usado para adicionar ou remover a classe "ativa" para cada tecla do teclado virtual.
Por exemplo, se tivéssemos um array chamado "teclas" que contém todas as teclas do teclado virtual, poderíamos usar o método forEach da seguinte maneira:
teclas.forEach(function(tecla) {
tecla.addEventListener('click', function() {
tecla.classList.toggle('ativa');
});
});
Nesse exemplo, estamos adicionando um ouvinte de evento de clique a cada tecla no array "teclas". Quando uma tecla é clicada, a classe "ativa" é adicionada se não estiver lá, ou removida se estiver.
Caso queira saber mais sobre o método forEach recomendo a leitura da documentação.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
O addEventListener ela também não ensinou.
O que significa esse toggle?
Oi, Everton, tudo bem?
O addEventListener é um método que permite adicionar um ouvinte de eventos a um elemento HTML, para que uma função seja executada quando o evento ocorrer. Por exemplo, você pode adicionar um ouvinte de eventos a um botão para executar uma função quando ele for clicado.
Já o toggle é um método que alterna entre duas classes CSS em um elemento. Se a classe estiver presente, ela será removida, e se estiver ausente, será adicionada. Isso serve para criar botões ou elementos que alternam entre dois estados visuais.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Obrigado!