isa44.74/mandalorian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

récupération des infos et affichage moche

Browse Source
This commit is contained in:
William Noris 2021-10-19 12:18:53 +02:00
parent be28fdfb21
commit 06d9575d85
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
scripts/planets.js
View File

@ -6,6 +6,8 @@ console.log('planet.js loaded');
function remplissage(results){ function remplissage(results){
planetes.innerHTML = "";
const previousUrl = results.previous; const previousUrl = results.previous;
const nextUrl = results.next; const nextUrl = results.next;
const tabResults = results.results; const tabResults = results.results;
@ -17,7 +19,7 @@ function remplissage(results){
const terrain = resultPlanet.terrain; const terrain = resultPlanet.terrain;
const population = resultPlanet.population; const population = resultPlanet.population;
const tabResidents = resultPLanet.residents; const tabResidents = resultPlanet.residents;
//Problème de requêtes asyncrones //Problème de requêtes asyncrones
// let tabResidents = []; // let tabResidents = [];
// for(index in resultPlanet.residents){ // for(index in resultPlanet.residents){
@ -29,18 +31,24 @@ function remplissage(results){
// console.log(`nom des résidents : ${tabResidents}`); // console.log(`nom des résidents : ${tabResidents}`);
const tabFilms = resultPlanet.films; const tabFilms = resultPlanet.films;
planetes.innerHTML +=
`<section class="resultat">
<h1 class="titreAccordeon">${nom}</h1>
<div class="accordeon">
<div class="1">
<p>${terrain}</p>
<p>${climate}</p>
<p>${diametre}Km</p>
</div>
<div class="2">${tabResidents}</div>
<div class="3">${tabFilms}</div>
</div>
</section>`;
} }
//Pagination
planetes.innerHTML =
`<section class="resultat">
<h1 class="titreAccordeon"></h1>
<div class="accordeon">
<div class="1">Prout 1</div>
<div class="2">Prout 2</div>
<div class="3">Prout 3</div>
</div>
</section>`;
} }
api_call(API_URL + "/planets", remplissage); api_call(API_URL + "/planets", remplissage);