Gostaria de compartilhar minha resolução do desafio do Alura Fone:
const btns = document.querySelectorAll('input[type=button]');
const campoTel = document.querySelector('input[type=tel]');
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener('click', () => {
campoTel.value += btns[i].value;
})
}
Explicação:
- Declarei as constantes btns e campoTel . O primeiro será uma lista com todos os inputs que possuem o atributo type=button e o segundo será o próprio campo de telefone.
- Utilizei o for para percorrer a lista btns.
- Para cada elemento da lista btns será adicionado uma função de evento que no caso é uma função de clique.
- A função de clique fará com que o valor do campo telefone receba o próprio valor + o valor do input clicado.