Para melhorar a legibilidade do código pode ser criado uma função de escopo module, basta selecionar esse trecho do código
const mensagemErro = campo.parentNode.querySelector('.mensagem-erro');
const validadorDeImput = campo.checkValidity();
if (!validadorDeImput) {
mensagemErro.textContent = mensagem;
} else {
mensagemErro.textContent = "";
}Se vcs estiverem usando o Visual Studio Code depois de selecionar vai aparecer uma lampadazinha amarela do lado do código
ai é só clicar nela e vai aparecer algumas opções dai vcs clicam na opção que diz "extrair para uma função de escopo module
dai então o final vai ficar assim
vai funcionar do mesmo jeito, só que pelo menos pra mim fica mais fácil de entender a o que esta acontecendo
