Skip to content
Snippets Groups Projects
Select Git revision
  • c26fcd063cf7cd4fb51a2a182edd665baa409dfa
  • main default protected
2 results

main.js

Blame
  • Forked from an inaccessible project.
    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));