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?
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!