xeno-canto API

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

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