document.addEventListener('DOMContentLoaded', function() { const teclas = document.querySelectorAll('.teclado input[type="button"]'); const telefoneInput = document.querySelector('input[type="tel"]');
teclas.forEach(function(tecla) {
tecla.addEventListener('click', function() {
const valorTecla = this.value;
telefoneInput.value += valorTecla;
console.log(`Valor da tecla clicada: ${valorTecla}`);
});
});
});
Oii Noan, tudo bem?
Seu código JavaScript tá bem estruturado e faz um bom uso do evento DOMContentLoaded para garantir que o script só seja executado após o carregamento completo do DOM. A utilização do método querySelectorAll para selecionar todas as teclas do teclado e do querySelector para selecionar o campo de input do telefone é apropriada.
Obrigada por compartilhar com a gente!
Um abraço e bons estudos.