main.js

const IMGPATH = "https://image.tmdb.org/t/p/w1280";
const apiUrl =
  "https://api.themoviedb.org/3/discover/movie?sort_by=popularity.desc&api_key=04c35731a5ee918f014970082a0088b1&page=6";
let main = document.getElementById("main");
// load sign
window.addEventListener("load", () => {
  showMovies(apiUrl);
});
function showMovies(url) {
  fetch(url)
    .then((res) => res.json())
    .then((data) => {
      let dataResult = data.results;
      dataResult.forEach((element) => {
        let el = document.createElement("div");
        console.log(el);
        main.appendChild(el);

        let image = document.createElement("img");
        el.appendChild(image);
        image.src = IMGPATH + element.poster_path;
        let text = document.createElement("h2");
        el.appendChild(text);
        text.innerHTML = `${element.title}`;
      });
    })
    .catch((err) => console.log(err));
}
//serch film
const SEARCHAPI =
  "https://api.themoviedb.org/3/search/movie?&api_key=04c35731a5ee918f014970082a0088b1&query=";
form.addEventListener("submit", (e) => {
  e.preventDefault();
  main.innerHTML = "";

  const searchTerm = search.value;
  /* Adding the value wriiten in the search bar to the search Api,
    in order to get the movies we search for. */
  if (searchTerm) {
    showMovies(SEARCHAPI + searchTerm);
    search.value = "";
  }
});