Abri o codepen, olhei, pensei rapidamente sobre usar os inputs do tipo botão com o querySelectorAll, mas tentei uma alternativa mais minimalista com o querySelector simples mesmo puxando a classe .teclado direto da sessão pai que tem todos os inputs como filho e bem... funcionou.
Poderia ser, assim ou é gambiarra? Vi que a solução oferecida pelo curso é diferente.
Oi, tudo bem?
Você encontrou uma solução alternativa para o desafio proposto, utilizando o querySelector para selecionar a classe .teclado e conseguiu acessar os elementos filhos, que são os inputs do tipo botão. Isso é totalmente válido e faz parte do processo de aprendizado e experimentação em programação.
A solução oferecida pelo curso pode ter sido diferente por diversos motivos, como por exemplo, para ensinar uma abordagem específica, para lidar com casos mais complexos ou simplesmente para mostrar uma prática comum. Mas, não há problema em encontrar e aplicar soluções próprias, desde que elas atendam aos requisitos do problema e sejam eficientes.
No seu caso, você conseguiu fazer isso de maneira mais simples, então você não fez uma "gambiarra", mas sim uma otimização. O importante é que você entenda como o código funciona e por que ele resolve o problema proposto.
Em desenvolvimento web, muitas vezes existem várias formas de alcançar o mesmo resultado, e explorar diferentes abordagens é uma ótima maneira de se tornar um desenvolvedor mais versátil e criativo.
Um abraço e bons estudos.