Get users
Get all users on page 2 https://reqres.in/api/users?page=2
const url = 'https://reqres.in/api/users?page=2';
function getUsers() {
fetch(url)
.then((response) => {
console.log('response', response);
// the first then() always returns response.json()
return response.json();
})
.then((users) => {
console.log('users', users);
let cards = '';
// users.data[] contains 6 users
users.data.forEach((user) => {
cards += `
<div class="card">
<img src="${user.avatar}" class="section media">
<div class="section">
<p>${user.first_name} ${user.last_name}<br>
<a href="mailto:${user.email}">${user.email}</a>
</p>
</div>
</div>`;
});
document.getElementById('users').innerHTML = cards;
})
.catch((error) => console.log(error));
}
getUsers();