Por que não posso fazer dessa forma -> const teclas = document.querySelectorAll('.teclado'); uma vez que todos os inputs estão dentro de uma section com a classe teclado?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Por que não posso fazer dessa forma -> const teclas = document.querySelectorAll('.teclado'); uma vez que todos os inputs estão dentro de uma section com a classe teclado?
Olá Izabella, tudo bem?
O querySelectorAll, irá retornar uma lista com todos os elementos que possuem aquele determinado seletor e não todos os elementos filhos daquele seletor.
Sendo assim, utilizar a classe .teclado no querySelectorAll irá buscar todos os elementos que possuem esse seletor, ou seja, apenas a section que contém os inputs, mas não os inputs em si.
Para fazer da forma que você deseja, buscando por meio do elemento pai, o código ficaria assim:
const listaDeTeclas = document.querySelectorAll('.teclado input[type=button]');
console.log(listaDeTeclas);Assim ele irá entrar dentro da section com a classe .teclado e em seguida buscar os inputs.
Espero ter ajudado em caso de dúvidas fique a vontade para perguntar. Abraços!