var listeCartes = [{
nom: "cheva de cauchemard",
type: "creature",
cout: "5+1marais"
}
];
let tblCard = document.getElementById("tblCard");
function addRow(){
tblCard.innerHTML="";
listeCartes.forEach(function (addRow) {
let addCard = document.createElement("div");
addCard.classList.add("card");
let addNom = document.createElement("a");
addNom.textContent = listeCartes.nom;
let addType = document.createElement("a1");
addType.textContent = listeCartes.type;
let addCout = document.createElement("a2");
addCout.textContent = listeCartes.cout;
addCard.appendChild(addNom);
addCard.appendChild(addType);
addCard.appendChild(addCout);
tblCard.appendChild(addCard);
})
};
addRow();
//Création du bouton
let tableHead = document.querySelector("h1");
let formElt = document.createElement("form");
let boutonElt = document.createElement("input");
boutonElt.id = "boutonAjouter";
boutonElt.type = "button";
boutonElt.value = "Ajouter une carte";
formElt.appendChild(boutonElt);
tableHead.appendChild(formElt);
let boutonDisparait = document.getElementById("boutonAjouter");
function disparition(e) {
boutonDisparait.style.display = "none";
//création du "form"
let formNom = document.createElement("form");
formNom.id = "ApparitionNom";
//création input Nom
let ajoutNom = document.createElement("input");
ajoutNom.placeholder = "Entrez le nom de la carte";
ajoutNom.required = true;
ajoutNom.className = "boite";
ajoutNom.type = "text";
ajoutNom.name = "nomInput";
ajoutNom.id = "nomInput";
//création input type
let ajouType = document.createElement("input");
ajouType.placeholder = "Entrez le type de la carte";
ajouType.required = true;
ajouType.className = "boite";
ajouType.type = "text";
ajouType.name = "typeInput";
ajouType.id = "typeInput";
//création input Cout
let ajoutCout = document.createElement("input");
ajoutCout.placeholder = true;
ajoutCout.required = "Entrez votre URL";
ajoutCout.className = "boite";
ajoutCout.type = "text";
ajoutCout.name = "coutInput";
ajoutCout.id = "coutInput";
//création input bouton
let ajoutBouton = document.createElement("input");
ajoutBouton.className = "boiteBouton";
ajoutBouton.type = "submit";
ajoutBouton.value = "Ajouter";
ajoutBouton.id = "creationBouton";
formNom.appendChild(ajoutNom);
formNom.appendChild(ajouType);
formNom.appendChild(ajoutCout);
formNom.appendChild(ajoutBouton);
tableHead.appendChild(formNom);
//Récupération du formulaire
form = document.getElementById("ApparitionLien");
form.addEventListener("submit", function (e) {
var nouvelleCarte = {
nom: form.elements.nomInput.value,
type: form.elements.typeInput.value,
cout: form.elements.coutInput.value
};
listeLiens.unshift(nouvelleCarte);
addRow();
});
}
j'ajouterai plus d'attribut dans le futur mais c'est surtout pourquoi cela ne fonctionne pas qui m’intéresse
merci par avance
ps: je suis actuellement les cours de js sur openclassrooms donc j'ai peut être louper quelque chose quelque part car j'ai réussit un code similaire pour l'une des activites
probleme creation projet personelle de tableau
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.