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
respostas
[Dúvida] oq está faltando e onde estou errando?
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,