mise a jour du dom ajouter catégorie

blog/js/ajouter_categorie.js

@@ -1,47 +1,52 @@
-
 const form = document.getElementById("addCategoryForm");
+const messages = document.getElementById("messages");
+
 const nameField = document.getElementById("categoryName");
 const descField = document.getElementById("categoryDescription");
 
-const errorEmpty = document.getElementById("errorEmpty");
-const errorExists = document.getElementById("errorExists");
-const successMessage = document.getElementById("successMessage");
-
-// Catégories existantes ( à remplacer en BD si besoin)
+// Catégories existantes (simulation BDD)
 const existingCategories = ["Actualités", "Chien", "Chat", "Boutique"];
 
+
+function showMessage(type, text) {
+    messages.innerHTML = "";
+
+    const div = document.createElement("div");
+    div.className = `alert alert-${type}`;
+    div.textContent = text;
+
+    messages.appendChild(div);
+}
+
+
 form.addEventListener("submit", function (e) {
     e.preventDefault();
+    messages.innerHTML = "";
 
     const nom = nameField.value.trim();
 
-    //Remettre tout a zero
-    errorEmpty.classList.add("d-none");
-    errorExists.classList.add("d-none");
-    successMessage.classList.add("d-none");
-
-    //Erreur champs vide
-    if (nom === "") {
-        errorEmpty.classList.remove("d-none");
+    // Champ obligatoire
+    if (!nom) {
+        showMessage("danger", "Le nom de la catégorie est obligatoire.");
         return;
     }
 
-    //Erreur catégorie existante
+    // Catégorie existante
     if (existingCategories.includes(nom)) {
-        errorExists.classList.remove("d-none");
+        showMessage("danger", "Cette catégorie existe déjà. Veuillez en choisir une autre.");
         return;
     }
 
-    // Succès
-successMessage.classList.remove("d-none");
+    // Ajout catégorie (simulation)
+    existingCategories.push(nom);
 
-// Ajout d'une nouvelle catégorie
-existingCategories.push(nom);
+    showMessage("success", "Catégorie ajoutée avec succès !");
 
-//  Redirection après 1 seconde
-setTimeout(() => {
-    window.location.href = "../html/accueil_blog.html";
-}, 1000);
+    // Reset formulaire
+    form.reset();
 
-
-});
+    // Redirection
+    setTimeout(() => {
+        window.location.href = "../html/accueil_blog.html";
+    }, 1000);
+});