Je suis entrain de créer un projet personnel, un todolist en utilisant Vanilla JavaScript ES 6 mais j'ai de difficulté. J'aimerais pouvoir ajouter un article, tout fonctionne je peux ajouter mais le problème est que si je mets une valeur sur les inputs et je clique le bouton ajouter, l'article s'ajoute mais les textes qui sont dans mon div (qui s'ajoute) est écrit undefined partout, je ne comprends pas, cela fait 5 heures que je cherche non stop mais je n'arrive pas à trouver et aussi, si j'ajoute un produit il y a plusieurs div s'ajoutent d'un coup, j'aimerais que ca s'ajoute un par un. La tech que j'utilise, vanilla JavaScript, scss, webpack et html
import "./style/scss/_custom.scss";
import "./style/scss/_custom.css";
import "./todo.js";
import ToDoList from "./todo.js";
// You can specify which plugins you need
import * as all from "bootstrap";
import { arrow, createPopper } from "@popperjs/core";
// import { Tooltip, Toast, Popover } from "bootstrap";
if (document.readyState === "loading") {
window.addEventListener("DOMContentLoaded", pageReady);
} else {
const pageReady = () => {
const todolist = new ToDoList();
console.log(todolist);
};
pageReady();
}
voici mon html
import "./style/scss/_custom.scss";
import "./style/scss/_custom.css";
import "./todo.js";
import ToDoList from "./todo.js";
// You can specify which plugins you need
import * as all from "bootstrap";
import { arrow, createPopper } from "@popperjs/core";
// import { Tooltip, Toast, Popover } from "bootstrap";
if (document.readyState === "loading") {
window.addEventListener("DOMContentLoaded", pageReady);
} else {
const pageReady = () => {
const todolist = new ToDoList();
console.log(todolist);
};
pageReady();
}
peux-tu éditer ton message pour y mettre les espaces qui manquent ? C'est difficile à lire.
Tu peux aussi revoir ton code JS ligne 234, il manque un guillemet pour fermer l'attribut class. Pas sûre que ça soit lié à ton problème, mais on sait jamais.
- Edité par Lamecarlate 11 juin 2022 à 15:22:35
Pas d'aide concernant le code par MP, le forum est là pour ça :)
peux-tu éditer ton message pour y mettre les espaces qui manquent ? C'est difficile à lire.
Tu peux aussi revoir ton code JS ligne 234, il manque un guillemet pour fermer l'attribut class. Pas sûre que ça soit lié à ton problème, mais on sait jamais.
- Edité par Lamecarlate il y a environ 1 heure
J'ai réussi à avancer un peu, j'ai réussi à ajouter un article avec les bons phrases etc. Mais, j'ai une autre problème, l'article se rajoute deux par deux et non 1 par un c'est vraiement bizzare
On peut voir que dans la ligne 67 j'ai écrit this.list.innerHTML = "" C'est pour mettre l'article à zéro au départ mais ca ne fonctionne pas, est ce que tu peux m'éxpliquer pourquoi ? list === ul A mon avis c'est parceque dans la ligne this.list.insertAdjacentHtml("afterbegin", html). html est le variable de mon HTML pour l'article.
Si c'est insertAdjacentHtml est le problème, comment on initialise a vide ("") pour pouvoir commencer à rien ?
× 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.
Pas d'aide concernant le code par MP, le forum est là pour ça :)