search page styling changes

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;

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) {

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;
+  }