modif films js
This commit is contained in:
parent
c3df8e4ccc
commit
5fdf339a29
@ -0,0 +1,27 @@
|
|||||||
|
const FILMS = document.getElementById('container');
|
||||||
|
const API_URL = "https://swapi.dev/api/films";
|
||||||
|
|
||||||
|
|
||||||
|
fetch(API_URL)
|
||||||
|
.then((reponse) => {
|
||||||
|
//console.log(reponse);
|
||||||
|
return reponse.json()
|
||||||
|
})
|
||||||
|
.then(reponseFormat => {
|
||||||
|
for(let index = 0; index <6; index++){
|
||||||
|
//console.log(reponseFormat.results[index]);
|
||||||
|
const data = reponseFormat.results[index];
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
FILMS.innerHTML +=`
|
||||||
|
<p div class="films">${data.title}</p>
|
||||||
|
<p div id="episode_id">${data.episode_id}</p>
|
||||||
|
<p div id="opening_crawl">${data.opening_crawl}</p>
|
||||||
|
<p div id="director">${data.director}</p>
|
||||||
|
<p div id="producer">${data.producer}</p>
|
||||||
|
<p div id="release_date">${data.release_date}</p>
|
||||||
|
<p div id="starships">${data.starships}</p>
|
||||||
|
<p div id="species">${data.starships}</p>
|
||||||
|
<hr>`
|
||||||
|
}
|
||||||
|
})
|
Loading…
Reference in New Issue
Block a user