Originariamente inviata da
alka
Mostra anche il resto del codice, in particolare quello che riguarda dichiarazione e assegnazione della variabile cardsContainer.
Ciao alka,
il codice è lunghetto comunque eccolo in parte:
codice:
const cardsContainer = document.querySelector('.cards-container');
function fetchData(page, sort) {
try {
fetch(`${TMDB_API_URL}sort_by=${sort.value}&${TMDB_API_KEY}&page=${page.value}`, {
method: 'GET'
}).then(res => {
if (res.status !== 200) {
throw new Error('Sorry an error occured. Try again later...');
}
return res.json();
}).then(data => {
data.results.forEach(movieData => {
let movie = {
_id: movieData.id,
title: movieData.title,
genre: movieData.genre_ids,
cover: movieData.poster_path,
rating: movieData.vote_average,
release: movieData.release_date
};
movies.push(movie);
});
})
} catch(error) {
console.log(error);
}
}
function createCard() {
setTimeout(() => {
movies.forEach(movie => {
cardElements(movie.title, movie.cover, movie.release, movie.rating);
const card = document.querySelector('.card');
cards.push(card);
});
cardAnimation();
}, 1000);
}
nextPage.addEventListener('click', () => {
if (pageNum.value >= 500) return;
pageNum.value = +pageNum.value + 1;
cardsContainer.innerHTML = '';
fetchData(pageNum, sorting);
createCard();
});