Uma coisa que não entendi das arrow functions:
const controle = document.querySelectorAll('.controle-ajuste');
controle.forEach((elemento)=>{
elemento.addEventListener("click", (evento)=>{
alteraDados(evento.target.textContent, evento.target.parentNode);
});
});Queria entender melhor o padrão que define esse parâmetro que é passado nas arrow functions, não consegui absorver isso muito bem das últimas aulas...
Olá, Kauã! Tudo bem?
Pelo código que você postou, parece que você está com dúvidas sobre a sintaxe das arrow functions utilizadas no método forEach. Na verdade, as arrow functions são uma forma mais concisa de escrever funções em JavaScript.
No seu exemplo, a arrow function é utilizada como um callback para o método forEach, que é utilizado para percorrer um array de elementos. A função recebe um parâmetro, que representa cada elemento do array, e executa o código dentro das chaves. No caso do seu código, a arrow function adiciona um event listener para cada elemento do array, que chama a função alteraDados quando o botão é clicado.
O evento é passado como parâmetro para a arrow function do event listener, e representa o evento que acabou de ocorrer. O evento.target representa o elemento que disparou o evento (no caso, o botão clicado), e evento.target.textContent representa o texto dentro do botão.
Espero ter ajudado a esclarecer suas dúvidas! Se tiver mais alguma pergunta, não hesite em perguntar.
Espero ter ajudado e bons estudos!