Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] interpretação do código

Olá. Eu estou com dificuldade para entender o javascript. Já fiz o curso de lógica de programação. Mas... Estou deixando o código, todo comentado com a minha interpretação, eu gostaria do comentário do pessoal que entende essa linguagem, para me dizer se estou conseguindo interpreta-la da maneira correta.

const listaDeTeclas = document.querySelectorAll('input[type=button]'); //seleciona todos os input do tipo botão
const inputTel = document.querySelector('input[type=tel]'); //seleciona o input do tipo tel, que é onde os numeros aparecerão quando digitados.

for (indice = 0; indice < listaDeTeclas.length; indice++) {
// para (variável = 0; variável menor que listaDeTeclas.length; variável soma 1)

/* indice começa com 0 e temos a nodelist limitada ao numero de teclas, 
portando o indice sempre vai ser menor que a listaDeTeclas?
permitindo a realização da repetição. */

  const tecla = listaDeTeclas[indice];
// const tecla recebe o nodelist de listaDeTeclas e seus indices. 
  tecla.onclick = function () {
    inputTel.value = inputTel.value + tecla.value;
    // então, constante tecla, quando clicada, recebe a função de
    // no input type=tel, concatenar, o que está em input type=tel com o valor clicado na tecla.
  }
}

/*
ou seja...


const listaDeTecla = selecione, todos os input do tipo button 
e retorne o que encontrou em uma nodelist com indices. 
const inputTel = selecione o primeiro input do tipo tel que encontrar. 

for (criada a variável para for = 0; variável < que a nodelist da listaDeTeclas; incremente 1 ) {
    consta tecla = o resultado da nodelist da listaDeTecla [incrementa com o indice];

    tecla.quandoclicada = função () {
        valor.inputTel = valor.inputTel incrementado com o valor.tecla;
    }
}

*/
1 resposta
solução!

Olá Fernando, tudo bem?

A dificuldade que está tendo é bem normal, principalmente para quem está iniciando. Até agora dá para ver que está no caminho certo, pois é a partir do desenvolvimento da lógica de programação que você entenderá o ecossistema JavaScript e até mesmo de outras linguagens.

Então, primeiramente eu te indico a continuar praticando através de exercícios e estudando lógica de programação através dos cursos específicos aqui da Alura. Como recomendação deixo o curso:

Agora em relação ao seu código e lógica aplicada, vejo que está tudo certo com sua interpretação. O seu código está funcional, estruturado e bem explicado através dos comentários. Parabéns pela sua dedicação e por compartilhar isso com a gente!

Em caso de mais dúvidas, me coloco à disposição.

Grande abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!