forEach

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!