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;
}
}
*/