Solucionado
Pensando em ter um código ainda mais enxuto, utilizei o método de arrays forEach. Ficou da seguinte forma:
const listaTeclas = document.querySelectorAll("input[type=button]")
const visorFone = document.querySelector("input[type=tel]")
digitarNum = (tecla) => {
tecla.onclick = () => visorFone.value += tecla.value
}
listaTeclas.forEach(digitarNum) Adoraria saber como seria possível enxugar mais ainda sem perder a legibilidade. Fico agradecida se puderem compartilhar!
Olá Emmanuelle!
Parabéns por utilizar o método forEach para enxugar o código! Realmente, essa é uma ótima forma de deixar o código mais limpo e fácil de entender.
Uma outra forma de deixar o código ainda mais enxuto seria utilizar arrow functions e desestruturação de objetos. Ficaria assim:
const listaTeclas = document.querySelectorAll("input[type=button]")
const visorFone = document.querySelector("input[type=tel]")
listaTeclas.forEach(tecla => tecla.onclick = () => visorFone.value += tecla.value)Nesse exemplo, utilizamos a desestruturação de objetos para simplificar a declaração da função dentro do forEach. Além disso, utilizamos arrow functions para deixar o código mais conciso.
Espero ter ajudado e bons estudos!
Obrigada, ajudou muito! :))))