Fiz dessa forma:
const listaDeTeclas = document.querySelectorAll('.teclado');
console.log(listaDeTeclas);Mas não funcionou, então vi a resposta mas não entendi muito bem. Ao selecionar a classe eu pensei que ele ia iterar pelos itens dessa classe, mas não foi isso que aconteceu. Alguém pode me explicar melhor o por quê?
Olá, Mayla, também tive a mesma duvida, porém comecei a analisar os códigos tanto da professora quanto este que escrevemos no codePen e percebi uma leve diferença que talvez tenha mudado o padrão, assim fazendo com que nosso resultado mudasse de um código para o outro.
Para começar as tags que são usadas em cada um dos dois códigos são diferentes, sendo um (button) e o outro (input type=button) o que por padrão suponho que deve haver uma diferença, assim nos entregando um resultado também diferente.
Segunda e mais provável alternativa, a culpa é do nosso editor(codePen), acabei de replicar este mesmo código que está no codePen para o VSCode e testei o devTools e o resultado saiu diferente(no caso como esperávamos que saísse) segue print
Espero ter conseguido tirar a sua dúvida, pois até a minha foi sanada kkkkk, te desejo ótimos estudos Mayla :D
Obs. na imagem está com duas tags, pois testei se isso influenciava também o resulta, mas pelos meu testes isso não interfere em nada, caso você queira testar no devTools apenas com uma tag o resultado irá dar será o mesmo!
Realmente não funcionou no codepen mas no vscode foi desse jeito que você falou, obrigada pela resposta! Bons estudos pra você! :)