Entrar Ainda não tem acesso?
1
resposta

Solução do Desafio

Referente ao curso JavaScript para Web: Crie páginas dinâmicas, no capítulo Listas e atividade Faça como eu fiz: Declarando uma referência

por Roger Oliveira Nunes Gomes
| 38.2k xp | 39 posts

Eu demorei até descobrir que somente input ou somente button nao conseguem ser referenciados. tive que pesquisar. Eis a solução: Foi criada uma referência do tipo Const, ou seja, que será constante, chamado "listaDeTeclas". Nela teremos uma busca no documento html por todos os inputs que sejam do tipo button. Depois acrescentei um loop for que vai verificar no documento todas os valores equivalentes aos buttons(inputs que são deste tipo) e listá-los no console.

const listaDeTeclas = document.querySelectorAll('input[type=button]');

for(let i=0; i<listaDeTeclas.length; i++)
{
   console.log(listaDeTeclas[i].value);  
}
1 resposta
por Rafaela Petelin Silvério
| 221.4k xp | 450 posts
Alura Scuba Team Monitora de Fórum

Oi, Roger, como vai?

Obrigada por compartilhar seu código com a comunidade Alura! A busca por elementos no DOM é essencial para interagir com a página. A utilização do querySelectorAll para selecionar todos os inputs do tipo button é uma ótima abordagem, e o loop for permite que você itere sobre todos os elementos de forma eficaz.

Para um "plus", você poderia explorar o método forEach, que pode simplificar o seu loop. Por exemplo, você poderia reescrever seu código assim:

listaDeTeclas.forEach(tecla => {
    console.log(tecla.value);
});

Caso queira se aprofundar um pouco mais no assunto, indico a leitura de JavaScript: Quando devo usar forEach e map?.

Conte com o apoio do Fórum na sua jornada :)

Abraços e bons estudos!