1
resposta

Uso do blur e do addEventListner

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)
1 resposta

estou com a mesma dúvida sobre o blur.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software