12 o'clock push

src/main.js

@@ -3,7 +3,7 @@ const data = [
 		name: 'Mario Kart 8 Deluxe',
 		released: '2017-04-27',
 		metacritic: 92,
-		background_image: 'images/mario-kart-8-deluxe.jpg'
+		background_image: 'images/mario-kart-8-deluxe.jpg',
 	},
 	{
 		name: 'God of War Ragnarok',
@@ -15,7 +15,7 @@ const data = [
 		name: 'The Last of Us Part 2',
 		released: '2020-06-19',
 		metacritic: 94,
-		background_image: 'images/the-last-of-us-part-2.jpg'
+		background_image: 'images/the-last-of-us-part-2.jpg',
 	},
 ];
 function renderGameThumbnail({ name, background_image, released, metacritic }) {
@@ -32,7 +32,7 @@ function renderGameThumbnail({name, background_image, released, metacritic}){
 			</a>`;
 }
 let html = '';
-data.forEach( name  => html += renderGameThumbnail(name) );
+data.forEach(name => (html += renderGameThumbnail(name)));
 /* avec la méthode reduce on aurait pu éviter de faire un `let` et gagner 1 ligne : */
 // const html = data.reduce((str, game)  => str + renderGameThumbnail(game), '');
 document.querySelector('.gameList').innerHTML = html;
@@ -196,4 +196,5 @@ on peut les comparer par ordre alphabétique avec localeCompare */
 // const filteredData = data.filter(game => game.name.split('a').length === 3);
 // const html = filteredData.reduce((str, game)  => str + renderGameThumbnail(game), '');
 // document.querySelector('.gameList').innerHTML = html;
-
+const magasinTitle = '<h1>Magasin</h1>';
+document.querySelector('section.viewContainer header').innerHTML = magasinTitle;