Tableau

by floflo777

HTML

<h1> Tableau de Classement</h1>

<h3 id="divDate"></h3>

<label> Nom de la catégorie
<Input type = 'text' id = 'categorieLabel' /> <i>par exemple fruits</i>
</label>

<button type = 'button' id = 'categorieBouton'> Ajouter </button>
<ul id = 'afCategorie'> </ul>
<br/>


<label> Nom du produit
<Input type = 'text' id = 'produitLabel' /> <i>par exemple banane</i>
</label>

<button type = 'button' id = 'produitBouton'> Ajouter </button>
<ul id = 'afProduit'> </ul>
<br/>

<label> Combien ?
<input type = "number" id = "repetitionLabel"/> <i>par exemple 10</i>
</label>

<button type = 'button' id = "boutonRepetition"> Ajouter</button>
<ul id = "afRepetition"> </ul>
<br/>

<label> Augmentation ?
<input type = "number" id = "augmentationLabel"/> <i>par exemple 2</i>
</label>

<button type = 'button' id = "boutonAugmentation"> Ajouter</button>
<ul id = "afAugmentation"> </ul>
<br/>
<br/>

<button type = 'button' id = 'validerBouton'> Valider </button>
<p id = 'affCategorie'> </p>
<p id = 'afObjet'> </p>

JavaScript

/*var date = document.getElementById("divDate");

var d = new Date();
afficherDate();

function afficherDate() {
	date.innerHTML = d.toDateString() ;
}
*/



/* -------------------------------- Categorie Label ------------------------------------------*/


var categorieNombre = 0;

var boutonCategorie = document.getElementById("categorieBouton");
boutonCategorie.addEventListener("click", classeRecupLabel);

var categorieTableau = [];
var categorieListe = document.getElementById("afCategorie");

function classeRecupLabel() {
	/*alert("aaa");
    document.write("gh");*/
    var labelCategorie = document.getElementById("categorieLabel");
    categorieNombre = categorieNombre + 1;

    categorieAjTableau(labelCategorie);
    viderChamp(labelCategorie);
}

function categorieAjTableau(categorieNouvElement) {
    categorieTableau.push(categorieNouvElement.value);
    var categorieTableauAf = document.createElement("li");
    categorieTableauAf.innerHTML = categorieTableau[categorieTableau.length - 1];

    categorieListe.appendChild(categorieTableauAf);
}


/* -------------------------------- Produit Label ------------------------------------------*/


var produitNombre = 0;

var boutonProduit = document.getElementById("produitBouton");
boutonProduit.addEventListener("click", produitRecupLabel);

var produitTableau = [];
var produitListe = document.getElementById("afProduit");

function produitRecupLabel() {
    var labelProduit = document.getElementById("produitLabel");
    produitNombre = produitNombre +1;

    produitAjTableau(labelProduit);
    viderChamp(labelProduit);
}

function produitAjTableau(produitNouvElement) {
    produitTableau.push(produitNouvElement.value);
    var produitTableauAf = document.createElement("li");
    produitTableauAf.innerHTML = produitTableau[produitTableau.length - 1];

    produitListe.appendChild(produitTableauAf);
}


/* ------------------------------- Repetition Label -----------------------------------------*/



var...