const API_URL = "https://swapi.dev/api/films/?page=";
let pageEnCours = 1;
// Fonction pour afficher les films et leur correspondances
async function getMovies() {
const url = 'http://swapi.dev/api/films';
const FILMS = await fetch(API_URL+pageEnCours);
const FILM = await FILMS.json();
const total_pages = FILM.count/FILM.results.length;
// On vide le container
document.getElementById('container').innerHTML = "";
// Boucle pour parser les films
for(i=0;i
${TITRE}
Episode ID :
${EPISODE}
Opening Crawl :
${OPENING}
Director :
${DIRECTOR}
Producer(s) :
${PRODUCER}
Release Date :
${DATE}
`;
}
// Bouton pour l'affichage des vaiseaux
const BUTTONS = document.querySelectorAll('.starships');
for(var i = 0;i < BUTTONS.length;i++){
let BUTTON = BUTTONS[i];
BUTTON.addEventListener("click", function() {
getStarships(BUTTON.value,BUTTON.nextElementSibling.id);
});
}
// Bouton pour l'affichage des espèces
const BUTTONS1 = document.querySelectorAll('.species');
for(var i =0; i${VAISSEAU.name}
`;
}
}
// Fonction pour afficher les espèces
async function getSpecies(liste,div){
const url = liste.split(',');
document.getElementById(div).innerHTML = "";
for(i=0;i${ESPECE.name}`;
}
}
// Boucle pour afficher les boutons de navigations
fetch(API_URL)
.then(response => response.json())
.then(data => {
let totalPages = data.count / data.results.length;
for (let index = 1; index < totalPages +1; index++) {
document.getElementById('buttons').innerHTML += `
`;
}
let buttons = document.querySelectorAll('.allButtons');
let boutonNum = document.querySelectorAll('.boutonNum');
console.log(boutonNum);
for (let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function(e) {
if (e.target.name === "moins" || e.target.name === "plus"){
pageEnCours = pageEnCours + parseInt(e.target.value);
if(pageEnCours < 1){
pageEnCours = 1;
}else if(pageEnCours > boutonNum.length){
pageEnCours = boutonNum.length;
}
}else{
pageEnCours = parseInt(e.target.value);
}
getMovies();
});
}});
// Initialisation de la page, pour un affichage au chargement
getMovies();