From 36e2484fc0cd49fb8dce85ec2ff30c28ca4b0f7c Mon Sep 17 00:00:00 2001 From: Cody Dumortier <Cody.dumortier.etu@univ-lille.fr> Date: Tue, 9 Feb 2021 10:39:14 +0100 Subject: [PATCH] =?UTF-8?q?afficher/masquer=20un=20=C3=A9l=C3=A9ment?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/main.js | 27 +++++++++++++++++++++++++-- 2 files changed, 26 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index c41a110..abdfa61 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack --mode=production", - "watch": "webpack --mode=development --watch" + "watch": "webpack --mode=development --watch" }, "author": "Thomas Fritsch <thomas.fritsch@univ-lille.fr> (https://gitlab.univ-lille.fr/thomas.fritsch)", "homepage": "https://gitlab.univ-lille.fr/js", diff --git a/src/main.js b/src/main.js index 6148d2b..04f78cc 100644 --- a/src/main.js +++ b/src/main.js @@ -1,13 +1,36 @@ import Router from './Router'; import data from './data'; import PizzaList from './pages/PizzaList'; +import Component from './components/Component'; Router.titleElement = document.querySelector('.pageTitle'); Router.contentElement = document.querySelector('.pageContent'); +document.querySelector('section').setAttribute('style', ''); -const pizzaList = new PizzaList([]); -Router.routes = [{ path: '/', page: pizzaList, title: 'La carte' }]; +const link = document.querySelector('button'); // sélectionne le premier lien de la page + +link.addEventListener('click', event => { + event.preventDefault(); + document.querySelector('section').setAttribute('style', 'display:none'); + console.log(event); +}); + +const pizzaList = new PizzaList([]), + aboutPage = new Component('section', null, 'Ce site est génial'), + pizzaForm = new Component( + 'section', + null, + 'Ici vous pourrez ajouter une pizza' + ); + +Router.routes = [ + { path: '/', page: pizzaList, title: 'La carte' }, + { path: '/a-propos', page: aboutPage, title: 'À propos' }, + { path: '/ajouter-pizza', page: pizzaForm, title: 'Ajouter une pizza' }, +]; Router.navigate('/'); // affiche une page vide pizzaList.pizzas = data; Router.navigate('/'); // affiche la liste des pizzas + +Router.menuElement = document.querySelector('.mainMenu'); -- GitLab