Zoo Animals API

// Fetch random zoo animals data and display it
const response = await fetch(`https://zoo-animal-api.herokuapp.com`);
const data = await response.json();
console.log('Zoo Animals result:', data);
// Display in your UI
document.getElementById('animal-display').innerHTML = 
  JSON.stringify(data, null, 2);

// Fetch multiple entries from Zoo Animals
const response = await fetch(`https://zoo-animal-api.herokuapp.com`);
const data = await response.json();
const items = Array.isArray(data) ? data : [data];
items.forEach(item => {
  const div = document.createElement('div');
  div.textContent = JSON.stringify(item);
  document.getElementById('gallery').appendChild(div);
});

// Get daily content from Zoo Animals
async function getDailyFact() {
  const response = await fetch(`https://zoo-animal-api.herokuapp.com`);
  const data = await response.json();
  return data;
}
const fact = await getDailyFact();
console.log('Today\'s zoo animals fact:', fact);