O instrutor usa o seguinte comando para validar o código usa:
const dataNascimento = window.document.querySelector('#nascimento')
dataNascimento.addEventListener('blur', (evento)=>{
validaDataNascimento(evento.target)
})
function validaDataNascimento(input) {
const dataRecebida = new Date(input.value)
let mensagem = ''
if (!maiorQue18(dataRecebida)) {
mensagem = 'Você deve ter mais de 18 anos para se cadastrar'
}
input.setCustomValidity(mensagem)
}
function maiorQue18(data) {
const dataAtual = new Date()
const dataMais18 = new Date(data.getUTCFullYear()+18, data.getUTCMonth(),data.getUTCDate())
return dataMais18 <= dataAtual
}
})
Antes de terminar a aula eu tinha feito simplesmente validado a função ao invés de usar addEventListener e o parâmetro 'blur'. Uma pessoa já havia perguntado sobre isso no fórum mas não consegui entender a diferença entre os dois métodos no resultado, comparei e, aparentemente, tinha o mesmo resultado
validaDataNascimento(dataNascimento)