fin C

src/Router.js

@@ -3,6 +3,19 @@ export default class Router {
 	static contentElement;
 	static routes = [];
 	
+	static #menuElement;
+	static set menuElement(element) {
+        this.#menuElement = element;
+        const link = document.querySelectorAll('header a');
+        for (let i = 0; i < link.length; i++) {
+            link[i].addEventListener('click', e => {
+                e.preventDefault();
+                console.log(link[i].getAttribute('href'));
+                Router.navigate(link[i].getAttribute('href'));
+            });
+        }
+    }
+	
 	static navigate(path) {
 		const route = this.routes.find(route => route.path === path);
 		if (route) {

src/main.js

 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');
 
-const pizzaList = new PizzaList([]);
-Router.routes = [{ path: '/', page: pizzaList, title: 'La carte' }];
+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' },
+];
 
+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);
+}); 
 Router.navigate('/'); // affiche une page vide
 pizzaList.pizzas = data;
 Router.navigate('/'); // affiche la liste des pizzas
+document.querySelector('section').setAttribute('style','');
+Router.menuElement = document.querySelector('.mainMenu');
+