Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Resolução do exercício

Referente ao curso JavaScript para Web: Crie páginas dinâmicas, no capítulo Eventos e lógicas e atividade Faça como eu fiz: Modificando estilos com JavaScript

por Caroline Zanelato
| 12.9k xp | 8 posts

Oii, tudo bem? Poderia me dizer o por que não está funcionando a tecla "A". Quando pressiono a classe é aplicada mas nenhum número é adicionado e quando o Space é pressionado ele adiciona um número. Como fazer para configurar que apenas a tecla "A" e o "Enter" realizem essa ação? Obrigada pela ajuda!

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

console.log(listaDeTeclas);



for (contagem = 0; contagem < listaDeTeclas.length; contagem++) {

    const tecla = listaDeTeclas[contagem];

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

    tecla.onkeydown = function(evento){
      if(evento.code === 'KeyA' || evento.code === 'Enter'){
        tecla.classList.add('ativa');
      }
    };
    
    tecla.onkeyup = function(){
      tecla.classList.remove('ativa');
    };
}
1 resposta
solução!
por Pablo Luiz Mazorovicz
| 683.7k xp | 300 posts
Líder Técnico Analista de Negócios | Microsoft Power Platform | Metodologias Agile e Processos.

Olá, Caroline! Tudo bem sim, obrigado por perguntar.

Pelo que entendi, você quer que a tecla “A” e a tecla “Enter” adicionem um número ao inputTel. No entanto, no seu código atual, a tecla “A” e a tecla “Enter” apenas adicionam uma classe ao elemento, mas não alteram o valor do inputTel.

Para fazer com que a tecla “A” e a tecla “Enter” adicionem um número ao inputTel, você pode modificar a função onkeydown para verificar se a tecla pressionada é “A” ou “Enter”, e então adicionar um número ao inputTel. Aqui está um exemplo de como você pode fazer isso:

tecla.onkeydown = function(evento){
  if(evento.code === 'KeyA' || evento.code === 'Enter'){
    tecla.classList.add('ativa');
    inputTel.value = inputTel.value + tecla.value; // Adiciona o valor da tecla ao inputTel
  }
};

Espero que isso ajude! Se você tiver mais perguntas, fique à vontade para perguntar.

Lembre-se de deixar seu tópico como resolvido ou concluído para obter alcance!