HTTP Dog API

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

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