Olá tudo bem?
O argumento peça na function atualizaEstatisticas é apenas um argumento mesmo da função, mas no forEach, em que está inserido, ele é atribuído como data-attribute apenas como peca atualizaEstatisticas(evento.target.dataset.peca) Porem no HTML o data-attribute está como =data-peca, tudo bem utilizar apenas o nome atribuído ao data-attribute mesmo quando ele vem acompanhado do data- ?
Oi Suellen, espero ter entendido sua dúvida.
É isso mesmo, isso tem a ver com a maneira com a qual navegamos pelos atributos dataset.
Ao acessar os atributos dataset.peca, você acessa o valor do atributo que começa com "data-" e termina com "peca". Da mesma forma, ao acessar o atributo dataset.controle, você acessa o valor do atributo que começa com "data-" e termina com "controle". É daí que vem essa sintaxe. Sugiro que abra seu projeto no Firefox, entre no console, e faça o seguinte experimento:
//Vamos selecionar um dos botões de alterar atributos
let botaoControle = controle[0]
//Vai retornar os dois atributos tipo data do botão: um chamado controle e outro peca.
console.log(botaoControle.dataset);
//Agora precisamos acessar o valor desses atributos data. Para isso, usamos o nome do atributo:
//Valor do atributo data-controle;
console.log(botaoControle.dataset.controle);
//Valor do atributo data-peca;
console.log(botaoControle.dataset.peca);