an card which display name of anime and its poster.
its uses an api for data and displays its on html.
document.addEventListener('DOMContentLoaded', function () {
fetch('https://random-api.xyz/api/anime/random')
.then(response => response.json())
.then(data => {
const apiDataElement = document.getElementById('apiData');
const apimediaElement = document.getElementById('apimedia');
apiDataElement.textContent = data.results[0].title;
apimediaElement.src = data.results[0].poster;
console.log(data);
})
.catch(error => {
console.error('Error fetching API data:', error);
});
});API used in app - Random-api
Fonts - Google Fonts
