Black November

ATÉ 50% OFF

TÁ ACABANDO!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Solução do desafio + botão de limpar texto

Olá! segue a minha resolução do desafio! Tentei dar uma incrementada na interface do telefone e adicionei um botão de apagar.

interface do Alura Fone

const tecladoTelefone = document.querySelectorAll('input[type=button]');
const inputTel = document.querySelector('input[type=tel]');
const inputClear = document.querySelector('input[type=reset]');

for (let indice = 0; indice < tecladoTelefone.length; indice++) {
  const tecla = tecladoTelefone[indice];

  tecla.onclick = function() {
    inputTel.value = inputTel.value + tecla.value;
  };
};

function resetTexto() {
  inputClear.onclick = function() {
    inputTel.value = "";
  };
};

resetTexto();

Queria saber como melhorar a colocação da função do botão de apagar no cádigo? Foi a primeira coisa que quis tentar sozinha, por isso, não sei ainda muito bem as boas práticas no Js.

Desde já agradeço qualquer resposta!

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta
solução!

Opa Caren, tudo certo?

Que ótimo! Fico feliz que está se dedicando e se desafiando na prática dos seus conhecimentos. Seu código está bem conciso e organizado, ficou bem legal, parabéns!

Gostei bastante da forma que incrementou o botão de apagar, ficou bem limpo e de fácil manutenção, não consigo pensar em melhorias para esse código no momento, porém, caso tenha dúvida em relação às boas práticas, aqui na Alura temos um bem interessante artigo sobre clean code:

Fico à disposição.

Um bom dia e bons estudos.