2
respostas

[Projeto] Desafio telefone concluído

Segue meu código para o desafio:

//lista com todos os botoes
const botoes = document.querySelectorAll('input[type=button]');
//selecionando o campo de display do numero de telefone
const display = document.querySelector('input[type=tel]');


for (let i = 0; i < botoes.length; i++) {
  const tecla = botoes[i];
  tecla.onclick = function() {
    display.value += tecla.value;
  }
}

Foi bem difícil fazer funcionar, fiquei revirando o código pra ver o que estava acontecendo, mudando várias coisas... Depois de um bom tempo, percebi que tinha escrito length errado rs.

2 respostas

Olá Bruno, tudo bem?

Parabéns por ter concluído o desafio do telefone! É normal passar por dificuldades e ter que fazer várias mudanças no código para fazer tudo funcionar. Fico feliz que você tenha conseguido identificar o erro do length e corrigi-lo, palavrinha chatinha rsrs.

Seu código está bem organizado e fácil de entender. A utilização do loop for para adicionar um evento de clique em cada botão é uma boa prática e ajuda a evitar a repetição de código.

Continue praticando e estudando para se aprimorar ainda mais em JavaScript. Espero ter ajudado e bons estudos!

Valeu! ;)