diff --git a/movies.js b/movies.js index f9fc965..ffeb984 100644 --- a/movies.js +++ b/movies.js @@ -77,8 +77,13 @@ async function search(e){ var x = document.createElement("li"); var a = document.createElement("a"); var t = document.createTextNode(result.title); + var i = document.createElement("img"); + x.appendChild(i); x.appendChild(a); a.appendChild(t); + i.setAttribute("src",result.poster); + i.width = 300; + i.height = 300; a.setAttribute("href","/moviesPage?movieId=" + result.movieId); x.setAttribute("class","list"); return x; diff --git a/moviesPage.html b/moviesPage.html index 52707e0..d6f8c77 100644 --- a/moviesPage.html +++ b/moviesPage.html @@ -16,9 +16,9 @@ async function moviePage(e){ -var Token=window.localStorage.getItem('Token'); -const searchParams = new URLSearchParams(window.location.search); -const movieId = searchParams.get("movieId"); + var Token=window.localStorage.getItem('Token'); + const searchParams = new URLSearchParams(window.location.search); + const movieId = searchParams.get("movieId"); try { const response = await fetch('https://mkr.thefeathers.in/movie/'+movieId, { method: 'GET', @@ -27,16 +27,19 @@ try { const data3 = await response.json(); //Success code goes here alert(JSON.stringify(data3)); - var results1 =data3.results; + var results1 =data3.data; - document.getElementById("Container").append(results1.movieId); - document.getElementById("Container").append(results1.title); - document.getElementById("Container").append(results1.overview); - document.getElementById("Container").append(results1.poster); - document.getElementById("Container").append(results1.release); - document.getElementById("Container").append(results1.watchStatus); - document.getElementById("Container").append(results1.rating); + var img=document.createElement("img"); + img.src=results1.poster; + document.body.appendChild(img); + var text = [results1.movieId, results1.title, results1.overview,results1.release,results1.watchStatus,results1.rating]; + for(var i = 0; i < text.length; i += 1) { + var div = document.createElement("div"); + div.className = "finalBlock"; + div.innerHTML = text[i]; + document.body.appendChild(div); +} } catch (err) { diff --git a/searchstyle.css b/searchstyle.css index 323f2ee..df3f176 100644 --- a/searchstyle.css +++ b/searchstyle.css @@ -30,3 +30,28 @@ outline: 0; cursor: pointer; } + +.list{ + list-style-type: none; + display: flex; + align-items: flex-start; + gap: 12px; + margin-bottom: 50px; + +} + +a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: underline; + } + + a:active { + text-decoration: underline; + } \ No newline at end of file