Untitled

//On récupère les éléments
const form = document.querySelector("form");
const lastName = document.getElementById("name");
const firstName = docuemnt.getElementById("first-name");
const message = document.getElementById("message");

lastName.addEventListener ("input", function (event) {
    //on vérifie la validité du champ, lorsque l'utilisateur saisit quelque chose
    if (lastName.validity.valid) {
        //on réinitialise le contenu
        error.innerHTML = "";
        //on réinitialise l'état visuel du message
        error.className = "error";
    }
},
false,
);

firstName.addEventListener ("input", function (event) {
    //on vérifie la validité du champ, lorsque l'utilisateur saisit quelque chose
    if (firstName.validity.valid) {
        //on réinitialise le contenu
        error.innerHTML = "";
        //on réinitialise l'état visuel du message
        error.className = "error";
    }
},
false,
);

mesage.addEventListener ("input", function (event) {
    //on vérifie la validité du champ, lorsque l'utilisateur saisit quelque chose
    if (message.validity.valid) {
        //on réinitialise le contenu
        error.innerHTML = "";
        //on réinitialise l'état visuel du message
        error.className = "error";
    }
},
false,
);

form.addEventListener ("submit", function(event) {
    if(!lastName.validity.valid) {
        error.innerHTML = "Veuillez remplir le champ";
        error.className = "error active";
        event.preventDefault ();
    }
},
false,
);