LesRecettesDePapis/main.js

document.addEventListener("DOMContentLoaded", function(){

    function formulaire_ingredient_update(event) {
        
        event.preventDefault();

        console.log(event);

        let form = document.getElementById("recette-form-ingr-add");
        
        let cible = document.getElementById("recette-form-ingr");
        
        let ingr = form.nom;

        let new_elem = document.createElement("option");

        

        new_elem.setAttribute("value",ingr.value);
        new_elem.innerText = ingr.value;

        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();
        })

    }

    function formulaire_tag_update(event){

        event.preventDefault();

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


})