Resolucion 1

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();
}

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) {
	ulComments.innerHTML = responses[0]
  	.filter(function (e, ix) {
    	return ix < 10;
    })
    .map(function (e) {
    	return '<li>' + e.name + '</li>';
    })
    .join('');
	ulTodos.innerHTML = responses[1]
  	.filter(function (e, ix) {
    	return ix < 10;
    })
    .map(function (e) {
    	return '<li>' + e.title + '</li>';
    })
    .join('');
  ulAlbums.innerHTML = responses[2]
  	.filter(function (e, ix) {
    	return ix < 10;
    })
    .map(function (e) {
    	return '<li>' + e.title + '</li>';
    })
    .join('');
})