Alura-Fone

É uma interface de telefone que quando discar um número, ele ficará gravado automaticamente no input e no console, para finalizar terá um evento de alerta ao final do oitavo digito, trazendo o valor digitado. Adicionei também um limitador de digitos para o input usando o length.

Javascript

const teclado = document.querySelector("section");
teclado.addEventListener('click', clicarNumero);

function colocarNumeroNaTela(numero) {
   const tela = document.querySelector("input[type=tel]")

   console.log(numero)
   if (tela.value.length < 8) {
      tela.value = tela.value + numero
   } 
   if (tela.value.length === 8){
      alert(tela.value)
   }
}

function clicarNumero(evento) {
   const numero_clicado = evento.target.value
   colocarNumeroNaTela(numero_clicado)
}
`

Preview