Basic JS
This commit is contained in:
@@ -13,7 +13,7 @@
|
|||||||
<div class="main-body">
|
<div class="main-body">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="recette-add-form-all">
|
<div class="recette-add-form-all">
|
||||||
<form class="recette-form recette-form-add" action="" method="post">
|
<form class="recette-form recette-form-add" action="" method="POST">
|
||||||
<div class="recette-form-group form-group">
|
<div class="recette-form-group form-group">
|
||||||
<label for="nom">Titre : </label>
|
<label for="nom">Titre : </label>
|
||||||
<input type="texte" class="form-control" id="recette-form-nom" name="nom" placeholder="Titre de votre recette">
|
<input type="texte" class="form-control" id="recette-form-nom" name="nom" placeholder="Titre de votre recette">
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
<button type='submit' class='btn btn-primary'>Confirmer</button>
|
<button type='submit' class='btn btn-primary'>Confirmer</button>
|
||||||
</form>
|
</form>
|
||||||
<div class="recette-form-add-additional">
|
<div class="recette-form-add-additional">
|
||||||
<form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="post">
|
<form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST">
|
||||||
<div class="recette-form-group form-group">
|
<div class="recette-form-group form-group">
|
||||||
<label for="ingr-nom">Nom de l'Ingrédient</label>
|
<label for="ingr-nom">Nom de l'Ingrédient</label>
|
||||||
<input type="texte" class="form-control" id="recette-form-ingr-nom" name="ingr-nom" placeholder="Nom de l'ingrédient" value="">
|
<input type="texte" class="form-control" id="recette-form-ingr-nom" name="ingr-nom" placeholder="Nom de l'ingrédient" value="">
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
|
|
||||||
<button id="submit-ingr" type='submit' class='btn btn-primary'>Confirmer</button>
|
<button id="submit-ingr" type='submit' class='btn btn-primary'>Confirmer</button>
|
||||||
</form>
|
</form>
|
||||||
<form class="recette-form recette-form-add-tag" action="" method="post">
|
<form class="recette-form recette-form-add-tag" action="" method="POST">
|
||||||
<div class="recette-form-group form-group">
|
<div class="recette-form-group form-group">
|
||||||
<label for="tag">Tags</label>
|
<label for="tag">Tags</label>
|
||||||
<input type="texte" class="form-control" id="recette-form-tag" name="tag" placeholder="Nom de l'ingrédient">
|
<input type="texte" class="form-control" id="recette-form-tag" name="tag" placeholder="Nom de l'ingrédient">
|
||||||
|
|||||||
13
main.js
13
main.js
@@ -4,15 +4,18 @@ document.addEventListener("DOMContentLoaded", function(){
|
|||||||
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
|
||||||
let form = document.getElementById("recette-form-ingr-add");
|
console.log(event);
|
||||||
|
|
||||||
|
let form = document.getElementById("recette-form-ingr-add");
|
||||||
|
|
||||||
let cible = document.getElementById("recette-form-ingr");
|
let cible = document.getElementById("recette-form-ingr");
|
||||||
|
|
||||||
let ingr = form.ingr-nom;
|
let ingr = form.elements["ingr-nom"];
|
||||||
|
|
||||||
let new_elem = document.createElement("option");
|
let new_elem = document.createElement("option");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
new_elem.setAttribute("value",ingr.value);
|
new_elem.setAttribute("value",ingr.value);
|
||||||
new_elem.innerText = ingr.value;
|
new_elem.innerText = ingr.value;
|
||||||
|
|
||||||
@@ -20,9 +23,11 @@ document.addEventListener("DOMContentLoaded", function(){
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
let ingr_btn = document.getElementById("submit-ingr");
|
let ingr_btn = document.getElementById("recette-form-ingr-add");
|
||||||
|
|
||||||
ingr_btn.addEventListener('click', formulaire_ingredient_update(event));
|
console.log(ingr_btn)
|
||||||
|
|
||||||
|
ingr_btn.addEventListener('submit', formulaire_ingredient_update);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user