Alura Fone - Faça como eu fiz

Oi Rosele, tudo bem?

Desculpe a demora em responder!

Os códigos completos para o Alura Fone na linguagem JavaScript estão disponibilizados abaixo:

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

for(let i=0; i<listaDeTeclas.length; i++){

    const teclas = listaDeTeclas[i];

    teclas.onclick = function(){
        campoDoTelefone.value += teclas.value;
    }

    teclas.onkeydown = function(evento){
        if(evento.code ==="Enter" || evento.code === "Space"){
            teclas.classList.add('ativa');
        }

    }

    teclas.onkeyup = function(){
        teclas.classList.remove('ativa');
    }
}

Nele temos alguns pontos interessantes que podemos destacar:

• O uso das constantes (const) no início do código para selecionar as teclas e o campo onde os números seriam inseridos;
• O uso da estrutura de repetição (for) para que sempre que as teclas fossem clicadas, o valor delas fosse atribuído ao campo indicado;
• E o uso das propriedades onkeydown e onkeyuppara fazer com que quando as teclas TAB e ENTER do teclado fossem clicadas elas recebessem determinadas características estéticas além das funções designadas para cada uma.

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição!

Abraços!