Olá, trouxe uma alternativa ao script da aula para exibir a mensagem de erro abaixo do input selecionado.

Código da aula

if (!validadorDeInput) {
        mensagemErro.textContent = mensagem;
    } else {
        mensagemErro.textContent = "";
}

Refatorando com operador ternário

!validadorDeInput? 
        (messageErro.textContent = mensagem)
        : (messageErro.textContent = '');

Explicação:

O operador condicional (ternário) é o único operador JavaScript que possui três operandos. Este operador é frequentemente usado como um atalho para a instrução ** if**

Se a condição é verdadeira, o operador retornará o valor da expressão1; se não, ele retorna o valor de expressão2. Por exemplo, para exibir uma mensagem diferente baseada no valor do input, você poderá utilizar o código (statement) seguinte:

const isValid = input.checkValidity();
isValid? 'Exibir mensagem de erro aqui' : 'Não exibir nenhuma mensagem'

*Note que isValid? É a nossa pergunta, seguido de duas opções de resposta em caso seja verdade ou falso. *