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

tentative d'ajout d'event

Browse source
This commit is contained in:
William Noris 2021-10-20 14:04:21 +02:00
parent 4287c0e09b
commit 5ea8a5af79
1 changed files with 55 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
scripts/planets.js
View file

@ -12,6 +12,10 @@ function remplissage(results) {
const nextUrl = results.next;
const tabResults = results.results;
planetsItems = [];
residentsArray = [];
filmsArray = [];
for (resultPlanet of tabResults) {
const nom = resultPlanet.name;
const diametre = resultPlanet.diameter;
@ -21,6 +25,8 @@ function remplissage(results) {
const tabResidents = resultPlanet.residents;
const tabFilms = resultPlanet.films;
residentsArray.push(tabResidents);
filmsArray.push(tabFilms);
planetes.innerHTML +=
@ -38,16 +44,35 @@ function remplissage(results) {
</section>`;
const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
item = accordeonItemHeader[accordeonItemHeader.length - 1];
item.addEventListener("click", event => {
accordeonItemHeader.classList.toggle("active");
api_call_array(tabResidents, fillDetails);
api_call_array(tabFilms, fillDetails);
console.log(accordeonItemHeader[accordeonItemHeader.length - 1]);
accordeonItemHeader[accordeonItemHeader.length - 1].addEventListener("click", function (event) {
console.log(`click on `);
console.log(event.target);
accordeonItemHeader[accordeonItemHeader.length - 1].classList.toggle("active");
// api_call_array(residentsArray[index], fillDetails);
// api_call_array(filmsArray[index], fillDetails);
});
}
// item = accordeonItemHeader[accordeonItemHeader.length - 1];
// planetsItems.push(item);
//Pagination
createPagination(previousUrl, nextUrl, planetes, remplissage);
// for(index in planetsItems){
// console.log(planetsItems[index]);
// planetsItems[index].addEventListener("click", function(event){
// console.log(`click on ${event.target}`);
// planetsItems[index].classList.toggle("active");
// // api_call_array(residentsArray[index], fillDetails);
// // api_call_array(filmsArray[index], fillDetails);
// });
// }
// const accordeonItemHeader = document.querySelectorAll(".accordeon_item_header");
// accordeonItemHeader.forEach(accordeonItemHeader => {
// accordeonItemHeader.addEventListener("click", event => {
@ -56,6 +81,7 @@ function remplissage(results) {
// api_call_array(tabFilms, fillDetails);
// });
// });
}
const fillResidents = (jsonResp) => {
@ -66,6 +92,7 @@ function remplissage(results) {
console.log(jsonResp);
}
api_call(API_URL + "/planets", remplissage);