Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida alura fone

Pessoal uma dúvida Como o alura fone deveria funcionar? Insira aqui a descrição dessa imagem para ajudar na acessibilidadeNo consegui solucionar o comportamento das teclas númericas ficarem mais escuras no chrome igual acontece no firefox quando pressionada e ao pressionar as teclas númericas o número não aparece no placeholder Digite seu telefone.

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

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

  const tecla = listaDeTeclas[indice];

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

Poderiam me ajudar?

2 respostas
solução!

Boa tarde Victor, tudo bem?

Deixe-me tentar ajudar. Entendi que você esta em duvida em 2 pontos do exercício. No primeiro quando temos que adicionar a class 'ativo' ao navegar pelo tab, clicando em enter ou espaço e o segundo na atividade que dado um clique em qualquer tecla o valor da mesma deve aparecer no campo do input, correto?

Fiz um fork dos 2 exercícios no meu codepen para praticar, você pode dar uma olhada e podemos trocar figurinhas caso precise de ajuda.

Primeiro exercício: https://codepen.io/mcerqs/pen/zYjOVqY

Segundo exercício: https://codepen.io/mcerqs/pen/abGogOz

Muito obrigado pelas informações Marcos. Vou fazer novos testes aqui e aparendo alguma dúvida eu aviso.