32 lines
1.4 KiB
JavaScript
32 lines
1.4 KiB
JavaScript
import { api_call } from './util';
|
|
|
|
const films = document.getElementById("resultats");
|
|
|
|
const API_URL = "https://swapi.dev/api/films/"; // déclare la localisation de la liste des films
|
|
|
|
function remplissage(EPISODES){
|
|
// const EPISODES = afficherFilms; // on déclare qu'un épisode est toujours la fonction avec sa boucle
|
|
console.log(EPISODES);
|
|
|
|
for(index in EPISODES.results){
|
|
films.innerHTML +=`
|
|
<section class="resultat accordeon_item">
|
|
<h1 class="accordeon_item_header">${EPISODES.results[index].title}</h1>
|
|
<div class="accordeon_item_body">
|
|
<p class= "episode">Episode : ${EPISODES.results[index].episode_id}</p>
|
|
<p class= "directeur">Directeur : ${EPISODES.results[index].director}</p>
|
|
<p class= "producteur">Producteur : ${EPISODES.results[index].producer}</p>
|
|
<p class= "sortie">Date de Sortie : ${EPISODES.results[index].release_date}</p>
|
|
</div>
|
|
</section>`
|
|
}
|
|
const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
|
|
accordeonItemHeader.forEach(accordeonItemHeader =>{
|
|
accordeonItemHeader.addEventListener("click", event => {
|
|
accordeonItemHeader.classList.toggle("active");
|
|
})
|
|
})
|
|
}
|
|
|
|
|
|
api_call(API_URL, remplissage); |