Resolucion 2

by scyrizales

HTML

Comments
<ul class='comments'></ul>
Todos
<ul class='todos'></ul>
Albums
<ul class='albums'></ul>

JavaScript

var ulComments = document.querySelector('ul.comments');
var ulTodos = document.querySelector('ul.todos');
var ulAlbums = document.querySelector('ul.albums');

function aJson(response) {
	return response.json();
}

function imprimirArray(ul, data, max, propiedad) {
	ul.innerHTML = data
  	.filter(function (e, ix) {
    	return ix < max;
    })
    .map(function (e) {
    	return '<li>' + e[propiedad] + '</li>';
    })
    .join('');
}

var promesas = [
fetch('https://jsonplaceholder.typicode.com/comments').then(aJson),
fetch('https://jsonplaceholder.typicode.com/todos').then(aJson),
fetch('https://jsonplaceholder.typicode.com/albums').then(aJson)
];
Promise.all(promesas).then(function (responses) {
	imprimirArray(ulComments, responses[0], 2, 'name');
  imprimirArray(ulTodos, responses[1], 2, 'title');
  imprimirArray(ulAlbums, responses[2], 2, 'title');
})