Couleurs

<!DOCTYPE html>
<html>
<head>
    <title>TP2-EXE2 Couleurs</title>
<style>
    body{
    text-align:center;
    }
    input{
        display:inline;
    }
</style>
</head>
<body>

        <label for="rouge">Rouge:</label>
        <input type="text" id="rouge" placeholder="valeur entre 0 et 255"><br>
        <label for="vert">Vert:</label>
        <input type="text" id="vert" placeholder="valeur entre 0 et 255"><br>
        <label for="bleu">Bleu:</label>
        <input type="text" id="bleu" placeholder="valeur entre 0 et 255"><br>
        <br>
        <!--<button onsubmit="return convert();">Convertir</button>-->
        <button onclick="couleur();">Afficher la couleur</button>
        <div id="erreur"></div>

<script>

function couleur(){
    rouge=verif_ent(document.getElementById('rouge').value);
    vert=verif_ent(document.getElementById('vert').value);
    bleu=verif_ent(document.getElementById('bleu').value);
    fond= 'rgb('+rouge+','+vert+','+bleu+')';
    document.body.style.backgroundColor = fond;

}
function verif_ent(a){
    erreur=document.getElementById('erreur');
    if(isNaN(a) || parseInt(a)<0 || a%1!==0 || parseInt(a)>255){
        erreur.innerHTML="Merci de saisir un entier entre 0 et 255!"
    } else{
        return parseInt(a);
    }
}
</script>
</body>
</html>