isa44.74/mandalorian
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Pagination fonctionnelle dans planets

Browse source
This commit is contained in:
William Noris 2021-10-19 16:04:18 +02:00
parent 8d4456bae6
commit b32e65c82b
1 changed files with 30 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
scripts/planets.js
View file

@ -61,23 +61,31 @@ function remplissage(results){
let previousButton = `<button id="prevButton">Page précédente</button>`; let previousButton = `<button id="prevButton">Page précédente</button>`;
let currentButton = `${currentPage}`; let currentButton = `${currentPage}`;
let nextButton = `<button id="nextButton">Page suivante</button>`; let nextButton = `<button id="nextButton">Page suivante</button>`;
if(!firstPage) {
planetes.innerHTML += previousButton; planetes.innerHTML += previousButton;
console.log(document.getElementById("prevButton")); planetes.innerHTML += currentButton;
planetes.innerHTML += nextButton;
if(firstPage){
document.getElementById("prevButton").hidden = true;
}
else{
document.getElementById("prevButton").hidden = false;
}
if(lastPage){
document.getElementById("nextButton").hidden = true;
}
else{
document.getElementById("nextButton").hidden = false;
}
document.getElementById("prevButton").addEventListener("click", () => { document.getElementById("prevButton").addEventListener("click", () => {
api_call(previousUrl, remplissage); api_call(previousUrl, remplissage);
}); });
}
planetes.innerHTML += currentButton;
if(!lastPage) {
planetes.innerHTML += nextButton;
document.getElementById("nextButton").addEventListener("click", () => { document.getElementById("nextButton").addEventListener("click", () => {
api_call(nextUrl, remplissage); api_call(nextUrl, remplissage);
}); });
};
} }
api_call(API_URL + "/planets", remplissage); api_call(API_URL + "/planets", remplissage);