The Dog API

// Fetch random the dog data and display it
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://thedogapi.com`, { headers });
const data = await response.json();
console.log('The Dog result:', data);
// Display in your UI
document.getElementById('animal-display').innerHTML = 
  JSON.stringify(data, null, 2);

// Fetch multiple entries from The Dog
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
const response = await fetch(`https://thedogapi.com`, { headers });
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 The Dog
const headers = { 'X-Api-Key': 'YOUR_API_KEY' };
async function getDailyFact() {
  const response = await fetch(`https://thedogapi.com`, { headers });
  const data = await response.json();
  return data;
}
const fact = await getDailyFact();
console.log('Today\'s the dog fact:', fact);