fetch("https://api.tvmaze.com/shows")
.then(response => response.json())
.then(data => {

const carouselElement = document.querySelector("#carousel"); 
  const imageSrc = show.image.medium; 
  const imageAlt = show.name; 
  const imageElement = document.createElement("img"); 
  imageElement.src = imageSrc; 
  imageElement.alt = imageAlt; 
  carouselElement.appendChild(imageElement); 
});

})
.catch(error => {

console.error("API'den veriler alınamadı:", error);

});

Bu örnekte, TVMaze API’sine yapılan bir GET isteği kullanılarak JSON verileri aldık ve bu verileri kullanarak bir carousel oluşturduk. API’den gelen her bir show nesnesinin medium özelliğini bir fotoğraf olarak kullanarak carousel’a ekledik.

Bu örneği, projenizde kullanıcıya göstereceğiniz yere uygun şekilde düzenleyebilirsiniz. Carousel’ı yerleştireceğiniz HTML elementin id’sini #carousel olarak varsaydım, ancak ihtiyaca göre değiştirilebilir.