Error for Project 3 (movie_finder)
the code is (indentation is correct it may look here inappropriate)
const api_url = “http://www.omdbapi.com/?i=tt3896198&apikey=4707d24f&s=”;
const api_url_search = “http://www.omdbapi.com/?apikey=4707d24f&i=”;
var search_input = document.getElementById(“input”);
var card = document.getElementById(“movie_card”)[0];
document.getElementById(“search_movie”)[0].addEventListener(“click”,function(){
console.log(search_input.value);
const query = search_input.value;
if(query){
getMovies(api_url+query);
}
});
async function getMovies(url){
const resp = await fetch(url);
const respData = await resp.json();
console.log(respData);
showMovies(respData.search);
}
function showMovies(Movies){
card.innerHTML = “”;
movies.forEach(async function(movie){
const movieData = await fetch(api_url_search+movie.imdbID);
const movieDataobj = await movieData.json();
movie_display(movieDataobj);
});
}
function movie_display(imovie){
const movieElm = document.createElement(“div”);
movieElm.classList.add(“movie_card”);
movieElm.innerHTML= <div class="card"> <img src="${imovie.Poster}" alt="Poster" width="300px" height="300px"/> <br> <div class="movie_description"> <span class="movie-title"><b>Title</b><span class="value">${imovie.Title}</span></span> <span class="movie-title"><b>Rating</b><span class="value">${imovie.imdbRating}</span></span> <span class="movie-title"><b>Director</b><span class="value">${imovie.Director}</span></span> <span class="movie-title"><b>Released Date</b><span class="value">${imovie.Released}</span></span> <span class="movie-title"><b>Genre</b><span class="value">${imovie.Genre}</span></span>
;
card.appendChild(movieElm);
}