I am not able to find the error in my js code for the project.
I kindly request someone to correct the below code
js code:
const API_URL = " http://www.omdbapi.com/?i=tt3896198&apikey=1b0e14f5";
const API_URL_search=“http://www.omdbapi.com/?apikey=1b0e14f5&i=”
var search_input= Document.getelemenetbyid(“search_input”);
var card = document.getElementsByClassName(“moviecards”)[0];
document.getElementsByClassName(“search”)[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></br>
<div class="movie-description">
<span class="movie-title"><b>title</b><span class="value">${imovie.title}</span></span>
<span class="movie-title"><b>title</b><span class="value">${imovie.imdb.Rating}</span></span>
<span class="movie-title"><b>title</b><span class="value">${imovie.director}</span></span>
<span class="movie-title"><b>title</b><span class="value">${imovie.released}</span></span>
<span class="movie-title"><b>title</b><span class="value">${imovie.genre}</span></span>
</div>
</div>
;
card.appendChild(movieelm);
}