Select Git revision
Forked from an inaccessible project.
-
Quentin Zanardi authoredQuentin Zanardi authored
main.js 1.37 KiB
// const name = window.prompt('Rechercher un jeu');
// const name = 'Mario Kart 8 Deluxe';
// const html = renderGameThumbnail(name);
// document.querySelector('.gameList').innerHTML = html;
function renderGameThumbnail(game){
const html = `<a href="${game.background_image}">
<img src="${game.background_image}"/>
<footer>
<h3>${game.name}</h3>
<div class="infos">
<time datetime="${game.released}">${game.released}</time>
<span class="metacritic">${game.metacritic}</span>
</div>
</footer>
</a>`;
return html;
}
const data = [
{
name: 'Mario Kart 8 Deluxe',
released: '2017-04-27',
metacritic: 92,
background_image: 'images/mario-kart-8-deluxe.jpg'
},
{
name: 'God of War Ragnarok',
released: '2022-11-09',
metacritic: 94,
background_image: 'images/god-of-war-ragnarok.jpg',
},
{
name: 'The Last of Us Part 2',
released: '2020-06-19',
metacritic: 94,
background_image: 'images/the-last-of-us-part-2.jpg'
},
];
for(let i=0 ; i<data.length ; i++){
html = renderGameThumbnail(data[i]);
document.querySelector('.gameList').innerHTML += html;
}
data.forEach(element => document.querySelector('.gameList').innerHTML += renderGameThumbnail(element));