Validar CPF com a cor VERDE no input

[guerinocava]

Boa tarde a todos,

Eu preciso colocar uma cor VERDE no input, assim que o usuario digitar o ultimo numero, para ele ver que o cpf esta validado, segue o codigo, obrigado pela ajuda.

no HTML:

        

<h1>Validar CPF</h1>

        <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>

 

na funcao.js:

 

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!'

    }

}

 

valeu.

[lowys]

Crie uma class css de sucesso para estilizar o input.
em js quando passar na sua validação, atribua essa class ao input
se a validação falhar, remova a class de sucesso