Validação de cpf com cor

Configuração PHP / Ambiente / Performance
#1

Boa tarde a todos, eu fiz uma validação de cpf, e quero quando o ULTIMO NUMERO for digitado o input fica na cor verde, alguem poderia me dar uma dica de como fazer isso.

Segue o codigo do html.

Agradeço a todos.

Validar CPF

    <div id="corpo">

        <div id="form">

            <label for="form_cpf">

                CPF: <input  type="text" id="form_cpf" maxlength="14" size="11" placeholder="Digite aqui" onkeypress="mascara_cpf()" onkeyup="mensagem()" requerid="requerid">

            </label>

        </div>

        <div id="res">Resultado</div>

    </div>

o codigo do css:

function mensagem () {

let res = window.document.getElementById('res')

let form_cpf = window.document.getElementById('form_cpf')

let tamanho = form_cpf.value.length

if (tamanho == 0) {

    res.innerHTML = 'Resultado'

} else if (cpf_valido()) {

    res.innerHTML = 'Válido!'

    

} else {

    res.innerHTML = 'Inválido!'

}

}

#2

Boa noite, tudo bem? Espero que sim.

Crie um CSS assim:

input.Invalido { color:red; }

E no seu JavaScript, se o campo for válido, acrescente a linha abaixo antes do texto “res.innerHTML = ‘Válido!’”:
window.document.getElementById(‘form_cpf’).className = “”;

E se for inválido, acrescente a linha abaixo antes do texto “res.innerHTML = ‘Inválido!’”:
window.document.getElementById(‘form_cpf’).className = “Invalido”;

Veja se dá certo.

Que Deus te abençoe.