Функция вставки для получения результатов поиска для mov ie заголовков

Question

Я пытаюсь заставить мое окно поиска выдавать результаты mov ie после нажатия кнопки отправки. Куда мне вставить эту функцию, чтобы она работала?

  function getSearchResult() {
  var search = document.getElementById("title").innerHTML;
  jQuery.getJSON(`http://www.omdbapi.com/?apikey=${apiKey}&i=${movieID}` + search + "=json", function(result) {
    jQuery.each(result, function(i, field) {
      jQuery("div").append(field + " ");
    });

Вот блок кода, в который я пытаюсь вставить эту функцию:

<script type="text/javascript">
    let button = document.getElementById("button");
    var apiKey = "72926e20";
    $.get(`https://www.omdbapi.com/?apikey=${apiKey}&s=wolf`, function (
        data
    ) {
        console.log(data);
        for (let i = 0; i < data.Search.length; i++) {
            let titleList = document.getElementsByTagName("ul")[0];
            let listLi = document.getElementsByTagName("li")[0];
            let li = document.createElement("li")
            let title = document.createElement("div");
            let titleBody = document.createElement(   "div");
            let poster = document.createElement("img");
            let yearRelease = document.createElement("div");
            let button = document.createElement("button");
            //This gives the poster the image
            poster.src = `${data.Search[i].Poster}`;
            ///This will return the API data
            titleBody.innerHTML = data.Search[i].Title;
            yearRelease.innerHTML = data.Search[i].Year;
            button.innerHTML = "get movie info";
            
            poster.className = "card-img-top";
            yearRelease.className = "card-body"
            titleBody.className = "card-title"
           
           title.appendChild(poster);
           title.appendChild(titleBody);
           title.appendChild(yearRelease)
           title.appendChild(button);
           li.appendChild(title);
           button.addEventListener('click',() => {
                $.get(`https://www.omdbapi.com/?apikey=${apiKey}&i=${movieID}`, function (data) {
                    console.log(title)
                });
                // title.src = data.Search[i].Title
                console.log(title)
            }
            );
           listLi.appendChild(li);
          
        }
    });

Answer 1

Пожалуйста, ознакомьтесь с изменениями ниже, это поможет вам начать работу:

    <script type="text/javascript">
        function getSearchResult() {
            var movieID = this.value
            jQuery.getJSON(`http://www.omdbapi.com/?apikey=${apiKey}&i=${movieID}`, function (result) {
                jQuery.each(result, function (i, field) {
                    jQuery("#" + movieID).append(field + " ");
                });
            });
        }

        let button = document.getElementById("button");
        var apiKey = "72926e20";
        $.get(`https://www.omdbapi.com/?apikey=${apiKey}&s=wolf`, function (
            data
        ) {
            console.log(data);
            for (let i = 0; i < data.Search.length; i++) {
                let titleList = document.getElementsByTagName("ul")[0];
                let listLi = document.getElementsByTagName("li")[0];
                let li = document.createElement("li")
                let title = document.createElement("div");
                let titleBody = document.createElement("div");
                let poster = document.createElement("img");
                let yearRelease = document.createElement("div");
                let button = document.createElement("button");
                //This gives the poster the image
                poster.src = `${data.Search[i].Poster}`;
                ///This will return the API data
                titleBody.innerHTML = data.Search[i].Title;
                yearRelease.innerHTML = data.Search[i].Year;
                button.innerHTML = "get movie info";

                poster.className = "card-img-top";
                yearRelease.className = "card-body"
                titleBody.className = "card-title"

                title.appendChild(poster);
                title.appendChild(titleBody);
                title.appendChild(yearRelease)
                title.appendChild(button);
                let movieID = data.Search[i].imdbID;
                $('<div>', {id: movieID}).appendTo(title);
                li.appendChild(title);
                button.value = movieID;
                button.addEventListener('click', getSearchResult);
                listLi.appendChild(li);
            }
        });
    </script>