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

Affiche les personnage

Browse source
This commit is contained in:
HarmandI 2021-10-19 15:11:35 +02:00
parent 4ff40f5e9a
commit deacbaacc0
1 changed files with 49 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

81
scripts/personnages.js
View file

@ -13,42 +13,42 @@ class People {
this.mass = mass; this.mass = mass;
this.skin_color=skin_color; this.skin_color=skin_color;
} }
}
console.log('personnage.js loaded'); console.log('personnage.js loaded');
api_call(API_URL+"/people", console.log); //api_call(API_URL+"/people", console.log);
fetch(API_URL+"/people")
.then(response => {
return response.json();
})
.then(jsonResp => {
remplissage(jsonResp);
})
.catch(error => {
console.log(`Erreur lors de l'appel API :
${error.message}`);
});
function remplissage(json){ function remplissage(json){
console.log(json.results[0]); console.log(json.results[0]);
api_call(API_URL+ "/planets/1", (response) => { // api_call(API_URL+ "/planets/1", (response) => {
console.log(response); // console.log(response);
NAME.innerText = results[i]; // NAME.innerText = results[i].name;
});
// });
personnages.innerHTML =
`<section class="resultat">
<h1 class="titreAccordeon"></h1>
<div class="accordeon">
<div class="1"> PERSONNAGES.innerHTML = '';
<div id=annéeNaissance>Année de Naissance : </div> const PERPAGE = json.results.length;
<div id=couleurYeux> Couleur des Yeux : </div>
<div id=genre>Genre : </div> console.log('coucou');
<div id=couleurCheveux> Couleur des Cheveux : </div>
<div id= poids> Poids du personnage : kg</div>
<div id= couleurPeau> Couleur de Peau : </div>
<div class="2"> 2</div>
<div class="3"> 3</div>
</div>
</section>`;
}
PERSONNAGES.innerHTML = '';
const PERPAGE = 10;
for (let i = 0; i < PERPAGE; i++) { for (let i = 0; i < PERPAGE; i++) {
const urlbirth_year = json.results[i].birth_year; const urlbirth_year = json.results[i].birth_year;
const urleye_colo=json.results[i].eye_colo; const urleye_colo=json.results[i].eye_colo;
@ -57,9 +57,26 @@ for (let i = 0; i < PERPAGE; i++) {
const urlheight = json.results[i].height; const urlheight = json.results[i].height;
const urlmass=json.results[i].mass; const urlmass=json.results[i].mass;
const urlskin_color= json.results[i].skin_color; const urlskin_color= json.results[i].skin_color;
const urlname= json.results[i].name;
// const gens = new People(urlbirth_year, urleye_colo, urlgender, urlhair_color, urlmass,urlskin_color);
// console.log(gens);
PERSONNAGES.innerHTML +=
`<section class="resultat">
<h1 class="titreAccordeon">${urlname}</h1>
<div class="accordeon">
<div class="1">
<div id=annéeNaissance>Année de Naissance : ${urlbirth_year} </div>
<div id=couleurYeux> Couleur des Yeux : ${urleye_colo}</div>
<div id=genre>Genre : ${urlgender}</div>
<div id=couleurCheveux> Couleur des Cheveux : ${urlhair_color} </div>
<div id= poids> Poids du personnage : ${urlmass} kg</div>
<div id= couleurPeau> Couleur de Peau : ${urlskin_color} </div>
<div class="2"> 2</div>
<div class="3"> 3</div>
</div>
</section>`;
}
const gens = new Identite(urlbirth_year, urleye_colo, urlgender, urlhair_color, urlmass,urlskin_color);
gens.PersonneSuiv();
} }