[Dúvida] 'data-set' ao invés de 'value'

Bruno, tudo bem?

Neste caso específico não há problema algum! Você pode utilizar tanto o atributo data- quanto o value já que o elemento referenciado suporta ambos os atributos.

Não é uma regra, mas de forma geral, usamos o data- para associar uma informação (a qualquer tipo de elemento HTML) que fica "escondida" na interface e que usaremos numa lógica específica. Já o value é um atributo que está geralmente associado a somente elementos de formulário e cujo dado, dependendo do caso, pode estar visível para o usuário (por exemplo, nos inputs de texto, e-mail, telefone etc.).

Calhou no exemplo usado pelo professor que o value num elemento <button> (assim como o data-) também não fica visível para o usuário da página, então, neste caso, o uso de um ou de outro fica a cargo do programador mesmo.

Sendo assim, o uso de um ou de outro vai depender do que se quer fazer: se o objetivo for filtrar elementos de formulário por uma informação que pode estar visível para o usuário (value) OU se esse filtro deve ser realizado somente por um dado que seguramente NÃO ESTARÁ VISÍVEL ao usuário (data-), necessário apenas para execução da lógica do nosso algoritmo.

Espero ter ajudado.

\m/

Ótima resposta! Faz muito sentido tudo isso que você explicou acima. Agradeço!