Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Atividade: faça como eu fiz. Minha solução :)

class PHONE {
  constructor(input, number) {
    (this.inputPhone = input), (this.number = number);
    this.clickButton = this.clickButton.bind(this);
  }
  value(keyboardKey) {
    this.inputPhone.value += keyboardKey;
  }
  clickButton() {
    for (let i = 0; i < this.number.length; i++) {
      const element = this.number[i];
      element.onclick = () => {
        this.value(element.value);
         element.classList.add('ativa')
                setTimeout(() => {
                    element.classList.remove('ativa')
                }, 200)
      };
    }
  }
}

const phoneAlura = new PHONE(
  document.querySelector("input[type=tel]"),
  document.querySelectorAll("input[type=button]")
);
phoneAlura.clickButton();

Caso tiver alguma dica, só mandar!

1 resposta
solução!

Oi Breno, tudo bem?

Parabéns por criar a sua resolução :D. Você deu uma olhadinha no gabarito deixado na atividade?

Qualquer coisa dá uma olhadinha lá que tem uma resolução um pouco diferente.

Bons estudos!