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

[Projeto] Desafio tecla ativa concluído

Olá! Segue minha resolução para o desafio de tecla ativa do Alura Fone:

//lista com todos os botoes
const botoes = document.querySelectorAll('input[type=button]');
//selecionando o campo de display do numero de telefone
const display = document.querySelector('input[type=tel]');


for (let i = 0; i < botoes.length; i++) {
  const tecla = botoes[i];
  tecla.onclick = function() {
    display.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');
  }
}

Adicionei junto a resolução do último desafio.

2 respostas
solução!

Olá Bruno! Tudo bem?

Parabéns pela resolução do desafio de tecla ativa do Alura Fone! Sua solução ficou muito boa e bem estruturada.

Gostei da forma como você utilizou o for para percorrer todos os botões e adicionou eventos de clique, keydown e keyup para cada um deles. Além disso, a utilização da propriedade value para adicionar o valor do botão ao campo de display ficou muito prática.

Continue praticando e explorando as funcionalidades do JavaScript para aprimorar ainda mais suas habilidades.

Um abraço e bons estudos.

Valeu Lorena!