1
resposta

[Projeto] Faça como eu fiz: Utilizando o For

// imprime na tela o número digitado
function imprimeNumeroDigitado(numero){
    let campoTelefone = document.querySelector('input[type="tel"]');
    campoTelefone.value += numero;

}

// Lista com todas as teclas
const listaTeclas = document.querySelectorAll('input[type="button"]');

// exemplo de função anonima. (NAO É NECESSARIO DAR NOME)
for (let contador = 0; contador < listaTeclas.length; contador++) {

    // armazena todos os elementos com a iteração do contador
    let tecla = listaTeclas[contador];

    // seleciona o valor contido no elemento
    let valor = tecla.value; 
    console.log(valor);

    // template string

    // função anonima (por padrão o js chama automat. a função, por isso é criado essa função anonima para ser executada somente quando tiver o evento
    tecla.onclick = function () {
        imprimeNumeroDigitado(valor);
    }
}
1 resposta

Oi, Diego! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Gostei da forma como você utilizou o for para percorrer a lista de botões e associar eventos. Isso mostra bem como podemos manipular coleções de elementos no DOM de forma prática.

Continue firme nos estudos.

Conteúdos relacionados
Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!