Dogs API

// Fetch random dogs data and display it
const response = await fetch(`https://dog.ceo/dog-api`);
const data = await response.json();
console.log('Dogs result:', data);
// Display in your UI
document.getElementById('animal-display').innerHTML = 
  JSON.stringify(data, null, 2);

// Fetch multiple entries from Dogs
const response = await fetch(`https://dog.ceo/dog-api`);
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 Dogs
async function getDailyFact() {
  const response = await fetch(`https://dog.ceo/dog-api`);
  const data = await response.json();
  return data;
}
const fact = await getDailyFact();
console.log('Today\'s dogs fact:', fact);