danj

main.js

@@ -10,7 +10,7 @@ document.addEventListener("DOMContentLoaded", function(){
         
         let cible = document.getElementById("recette-form-ingr");
         
-        let ingr = form.elements["ingr-nom"];
+        let ingr = form.nom;
 
         let new_elem = document.createElement("option");
 
@@ -21,15 +21,54 @@ document.addEventListener("DOMContentLoaded", function(){
 
         cible.appendChild(new_elem);
 
+        let form_data = FormData(form);
+
+        fetch("/api/ingredients/create", {
+            method : "POST",
+            body: form_data
+        }).then( reponse => {
+            if (!reponse.ok) {
+                let div_err = document.getElementById("recette-form-div-err-ingr");
+
+                div_err.style.display = "inherit";
+                div_err.innerText = "un gros message d'erreur";
+
+                return null;
+            }
+
+            return reponse.json();
+        })
+
     }
 
-    let ingr_btn = document.getElementById("recette-form-ingr-add");
+    function formulaire_tag_update(event){
 
-    console.log(ingr_btn)
+        event.preventDefault();
 
-    ingr_btn.addEventListener('submit', formulaire_ingredient_update);
+        let form = document.getElementById("recette-form-tag-add");
+        
+        let cible = document.getElementById("recette-form-tag");
+        
+        let tag = form.tag;
 
+        let new_elem = document.createElement("option");
 
+        
+
+        new_elem.setAttribute("value",tag.value);
+        new_elem.innerText = tag.value;
+
+        cible.appendChild(new_elem);
+
+    }
+
+    let ingr_form = document.getElementById("recette-form-ingr-add");
+
+    ingr_form.addEventListener('submit', formulaire_ingredient_update);
+
+    let tag_form = document.getElementById("recette-form-tag-add");
+
+    tag_form.addEventListener('submit', formulaire_tag_update);
 
 
 })