moive.js

function search(event) {
    event.preventDefault();
    
    var movieName = document.getElementById("movie-name").value;
    var content = document.getElementById("content");
    const htmlRequest = new XMLHttpRequest();
    
    const link = "http://www.omdbapi.com/?apikey=e7e1bceb&t=" + encodeURIComponent(movieName);
    htmlRequest.open('GET', link, true);

    const loadingMessage = document.createElement("p");
    loadingMessage.innerText = "Loading...";
    content.appendChild(loadingMessage);

    htmlRequest.onload = function() {
        if (htmlRequest.status >= 200 && htmlRequest.status < 300) {
            const response = JSON.parse(htmlRequest.responseText);
            
            if (!response.Title) {
                content.innerHTML = "Movie not found!";
                return;
            }

            content.innerHTML = '';

            const title = document.createElement("h2");
            title.innerText = response.Title;

            const year = document.createElement("p");
            year.innerText = "Release Year: " + response.Year;

            const director = document.createElement("p");
            director.innerText = "Director: " + response.Director;

            const language = document.createElement("p");
            language.innerText = "Language: " + response.Language;

            const runtime = document.createElement("p");
            runtime.innerText = "Runtime: " + response.Runtime;

            const rating = document.createElement("p");
            rating.innerText = "Rating: " + response.imdbRating;

            const imgTag = document.createElement("img");
            imgTag.src = response.Poster;
            imgTag.alt = response.Title + " movie poster";

            
            content.appendChild(title);
            content.appendChild(year);
            content.appendChild(director);
            content.appendChild(language);
            content.appendChild(runtime);
            content.appendChild(rating);
            content.appendChild(imgTag);

            
            document.title = response.Title;
        } else {
            content.innerHTML = 'Error: ' + htmlRequest.statusText;
        }
    };

    htmlRequest.onerror = function() {
        content.innerHTML = 'Failed to fetch movie data. Please try again.';
    };

    htmlRequest.send();
}