diff --git a/index2.html b/index2.html new file mode 100644 index 0000000..b2da27d --- /dev/null +++ b/index2.html @@ -0,0 +1,194 @@ + + + + + + JustStreamIt + + + + + +
+
+
+ logo +

Vidéos à la demande

+
+
+ +
+

Meilleur film

+ +
+
+ film cover +
+
+

film

+
+
+ Lorem ipsum odor amet, consectetuer adipiscing elit. Tempus non pellentesque bibendum eu sapien litora neque tortor. + Volutpat diam himenaeos risus vitae congue hendrerit elit. Porttitor semper leo pretium mattis bibendum consequat. Tincidunt tincidunt cursus eget aenean senectus pretium consectetur cubilia senectus. Rutrum ex fermentum consectetur parturient ornare. Quam amet maximus potenti ac in penatibus hendrerit lacus. Duis neque non at dictum ligula nullam amet orci. Consequat lectus consequat morbi dis suscipit ridiculus ultricies. +
+
+ +
+
+
+ +
+

Mystery

+
+ +
+
+

Film1

+

Détail

+
+
+ +
+

Film 2

+

machin +

Lorem ipsum odor amet, consectetuer adipiscing elit.

+
+ +
+

Film 3

+

machin +

Lorem ipsum odor amet, consectetuer adipiscing elit.

+
+ +
+

Film 4

+

machin +

Lorem ipsum odor amet, consectetuer adipiscing elit.

+
+
+

Film 5

+

machin +

Lorem ipsum odor amet, consectetuer adipiscing elit.

+
+ +
+

Film 6

+

machin +

Lorem ipsum odor amet, consectetuer adipiscing elit.

+
+
+
+ +
+

Category2

+

+

+

+
+
+

Category2

+

+

+

+
+ +
+

Other

+
+
    +
    Film 1 +
    + +
    + Film 2 +
    +
    + Film 3 +
    +
    + Film 4 +
    +
    + Film 5 +
    +
    + Film 6 +
    +
+
+
+
+

Category

+ + + + +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e69de29 diff --git a/test.js b/test.js new file mode 100644 index 0000000..3f91394 --- /dev/null +++ b/test.js @@ -0,0 +1,47 @@ + +function getBestFilm() { + let bestFilmTitle = document.querySelector(".title h2") + console.log(bestFilmTitle.textContent) +} + +getBestFilm() + +async function afficherFilms() { + for (let j = 1; j<10; j++) { + const response = await fetch(`http://localhost:8000/api/v1/titles/?format=json&page=${j}`); + const film = await response.json(); + for (let i in film.results) { + console.log(film.results[i].title); + } +//return response.json(); + } +} + +bestFilm() +let bestTitle = document.querySelector(".title h2") +console.log(bestTitle) +let bestPic = document.querySelector(".affiche img") +let bestDesc = document.getElementById("description") +console.log(bestPic) + +async function bestFilm() { + const response = await fetch("http://localhost:8000/api/v1/titles/118710") + const film = await response.json(); + bestTitle.innerText = film.original_title + bestPic.setAttribute("src", film.image_url) + bestDesc.innerText = film.description + let detailHeader = ` +

${film.original_title}

+

${film.year} - ${film.genres}

+ ` +let modalHeader = document.getElementById("modalHeader") +console.log(modalHeader) +modalHeader.innerHTML = detailHeader + console.log(film) +} + + + +//afficherFilms() +// console.log(film) + diff --git a/test2.js b/test2.js new file mode 100644 index 0000000..9ca9dbd --- /dev/null +++ b/test2.js @@ -0,0 +1,46 @@ + +// function getBestFilm() { +// let bestFilmTitle = document.querySelector(".title h2") +// console.log(bestFilmTitle.textContent) +//} + +//getBestFilm() + +async function afficherFilms() { + for (let j = 1; j<10; j++) { + const response = await fetch(`http://localhost:8000/api/v1/titles/?format=json&page=${j}`); + const film = await response.json(); + for (let i in film.results) { + console.log(film.results[i].title); + } +//return response.json(); + } +} + +bestFilm() +let bestTitle = document.getElementById("bestTitle h2") +console.log(bestTitle) +let bestPic = document.querySelector(".affiche img") +let bestDesc = document.getElementById("description") +console.log(bestPic) + +async function bestFilm() { + const response = await fetch("http://localhost:8000/api/v1/titles/118710") + const film = await response.json(); + bestTitle.innerText = film.original_title + bestPic.setAttribute("src", film.image_url) + bestDesc.innerText = film.description + let detailHeader = ` +

${film.original_title}

+

${film.year} - ${film.genres}

+ ` +let modalHeader = document.getElementById("modalHeader") +modalHeader.innerHTML = detailHeader + console.log(film) +} + + + +//afficherFilms() +// console.log(film) +