2
respostas

[Dúvida] oq está faltando e onde estou errando?

const teclaTel = document.querySelectorAll('input[type=button]');
for (contador = 0;contador < teclaTel.length; contador++){
  const tecla = teclaTel[contador];
  const type = tecla.classList[1];
  
 tecla.onclik function(){
   inputteclaTel.value= inputteclaTel.value+tecla.value;
 }   
  tecla.onkeydown = function (evento) {
    if(evento.code === "Enter" || evento.code === "Space") {
    tecla.classList.add('ativa');
    }
  }
  tecla.onkeyup = function () {
    tecla.classList.remove('ativa');
  }
}
2 respostas

Olá, José!

Você está no caminho certo, apenas precisa corrigir alguns detalhes para que tudo dê certo.

Primeiro, na linha tecla.onclik function(){, você escreveu "onclik" em vez de "onclick". Certifique-se de corrigir isso para que o evento de clique seja acionado corretamente.

Além disso, você está tentando manipular o valor de um elemento com o ID 'inputteclaTel' no seu JavaScript, verifica se voce fez algo semelhante a isso no seu html:

<input type="tel" id="inputteclaTel" placeholder="Digite seu telefone">

Seu js completo fica assim:

const teclaTel = document.querySelectorAll('input[type=button]');
for (contador = 0;contador < teclaTel.length; contador++){
  const tecla = teclaTel[contador];
  const type = tecla.classList[1];
  
  tecla.onclick = function(){
    const inputteclaTel = document.getElementById('inputteclaTel');
    inputteclaTel.value = inputteclaTel.value + tecla.value;
  }   
  tecla.onkeydown = function (evento) {
    if(evento.code === "Enter" || evento.code === "Space") {
      tecla.classList.add('ativa');
    }
  }
  tecla.onkeyup = function () {
    tecla.classList.remove('ativa');
  }
}

Acredito que depois desse passos seu código funcione normalmente.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Olá José, tudo bem?

Tem um erro de digitação na linha dessa função.

tecla.onclick = function(){

Abraços,