Movie Finder Project not working for me

#1

Hi,
I think some error is occurred on the javascript file, I suspect line no:13 and from line no:31 to 48 something happened but couldn’t figure out.

const API_URL = "http://www.omdbapi.com/?i=tt3896198&apikey=4e611c61&s=";
const API_URL_SEARCH = "http://www.omdbapi.com/?apikey=4e611c61&i=";

var search_input = document.getElementById("search_input");
var card = document.getElementsByClassName("movie-cards")[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(movie){
    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>Title</b><span class="value">${imovie.imdbRating}</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);
}

Please help.

#2

Hi @sujitth ,
You have taken movie as the parameter for the function, but you are using imovie in the code inside

function movie_display(imovie) /*instead of function movie_display(movie) 
would be correct code*/
#3

Thanks for pointing out that mistake and corrected it, but still getting the same error.

Please find the screenshot:

image
image896×146 4.54 KB

#4

@sujitth Multi line strings must be enclosed in backticks(``)

movieElm.innerHTML=
//added backticks(``)
        `<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>Title</b><span class="value">${imovie.imdbRating}</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>`
    ;
#5

16616958394607652137447955983622
166169583946076521374479559836221920×1440 218 KB

Uploading: 1661695958612200207514659181448.jpg…

I have added the back ticks still its showing error

16616966447256427312955978273490
166169664472564273129559782734901920×1440 100 KB

#6

@Nidhi26Singh08 Please share your entire code as text.

#7

@raghav.srivastava Sir i have submitted my project but i haven’t received certificate yet i have to submit it in my college by tomorrow please respond sir

#8

@geethanjalinalla58 Please share your registered email id. I think we have already shared some feedback.

#9

@raghav.srivastava my registered mail is geethanjalinalla58@gmail.com
I have resubmitted it sir.so please give certificate sir i have to submit it in my college by tomorrow

#10

@geethanjalinalla58 your video review is fine now, but project is not.
as discussed on mail, please upload all the assets along with the code explanation video on google drive and share the public link. Please reply to the mail with the link and let me know. We will process the certificate by tomorrow 6:00PM if everything is good to go.

#11

@raghav.srivastava sir i have submitted again please check it once sir

#12

@geethanjalinalla58 I have sent an email with some feedback, do check it….