JavaScript

Exercises Set 11

// Write your code below this line

const urlArrayOne = [
  'https://nonexistentdomain.example/invalid1',
  'https://jsonplaceholder.typicode.com/todos/1',
  'https://jsonplaceholder.typicode.com/todos/2',
];

fetchMultiSource(urlArrayOne)
  .then(console.log)
  .catch(console.error);

const urlArrayTwo = [
  'https://nonexistentdomain.example/invalid1',
  'https://nonexistentdomain.example/invalid2',
  'https://nonexistentdomain.example/invalid3',
];

fetchMultiSource(urlArrayTwo)
  .then(console.log)
  .catch(console.error);

// Write your code below this line
const fetchMultiSource = async (urls) => {
  for (const url of urls) {
    try {
      const response = await fetch(url);
      if (!response.ok) {
        throw new Error();
      }
      const data = await response.json();
      return data;
    } catch (error) {
         console.log(`Fetch failed for ${url}`);
    }
  }
  throw new Error("All fetches failed");
};

const urlArrayOne = [
  'https://nonexistentdomain.example/invalid1',
  'https://jsonplaceholder.typicode.com/todos/1',
  'https://jsonplaceholder.typicode.com/todos/2',
];

fetchMultiSource(urlArrayOne)
  .then(console.log)
  .catch(console.error);

const urlArrayTwo = [
  'https://nonexistentdomain.example/invalid1',
  'https://nonexistentdomain.example/invalid2',
  'https://nonexistentdomain.example/invalid3',
];

fetchMultiSource(urlArrayTwo)
  .then(console.log)
  .catch(console.error);