49 lines
No EOL
1.5 KiB
JavaScript
49 lines
No EOL
1.5 KiB
JavaScript
/*const NOM = document.getElementsByClassName('nom');
|
|
const PRENOM = document.getElementsByClassName('prenom');
|
|
const IDENTIFIANT = document.getElementsByClassName('identifiant');
|
|
const EMAIL = document.getElementsByClassName('email');
|
|
const AVATAR = document.getElementsByClassName('avatar');*/
|
|
const MEMBER = document.getElementById('personne');
|
|
console.log(MEMBER);
|
|
const API_URL = "https://reqres.in/api/users?page=1";
|
|
|
|
|
|
fetch(API_URL)
|
|
.then((response) => {
|
|
console.log(response);
|
|
return response.json()
|
|
})
|
|
.then(responsFormat => {
|
|
console.log(responsFormat);
|
|
for(let index = 0; index <6; index++){
|
|
console.log(responsFormat.data[index]);
|
|
const PERSONNE = responsFormat.data[index];
|
|
console.log(PERSONNE);
|
|
|
|
MEMBER.innerHTML +=`
|
|
<div class = "fiche">
|
|
<img src="${PERSONNE.avatar}" alt="Photo d'identité">
|
|
<p class= "nom">${PERSONNE.last_name}</p>
|
|
<p class="prenom">${PERSONNE.first_name}</p>
|
|
<p class ="identifiant">${PERSONNE.id}</p>
|
|
<p class = "email">${PERSONNE.email}</p>
|
|
</div>
|
|
`
|
|
|
|
/* NOM.innerText = responsFormat.data[0].last_name;
|
|
PRENOM.innerText = responsFormat.data[0].first_name;
|
|
IDENTIFIANT.innerText = responsFormat.data[0].id;
|
|
EMAIL.innerText = responsFormat.data[0].email;
|
|
AVATAR.src = responsFormat.data[0].avatar;*/
|
|
|
|
}
|
|
|
|
|
|
}
|
|
)
|
|
|
|
|
|
|
|
.catch(err => {
|
|
console.error(err);
|
|
}); |