How to get information by api?

Question

API

Hello! Please help me figure out api. I do it like this:

const API_KEY = "a1979074-3a11-448a-b2d2-55d1bb97cdf4";
const API_URL_POPULAR =
  "https://kinopoiskapiunofficial.tech/api/v2.2/films/1130869";

getMovies(API_URL_POPULAR);

async function getMovies(url) {
  const resp = await fetch(url, {
    headers: {
      "Content-Type": "application/json",
      "X-API-KEY": API_KEY,
    },
  });
  const respData = await resp.json();
  showMovies(respData);
  console.log(respData);
}

function showMovies(data) {
  const moviesEl = document.querySelector(".movies");

  document.querySelector(".movies").innerHTML = "";

  data.forEach((movie) => {
    const movieEl = document.createElement("div");
    movieEl.classList.add("movie");
    movieEl.innerHTML = `
<span>${movie.nameRu}</span>
        `;
    moviesEl.appendChild(movieEl);
  });
}

gives an error in console - Uncaught (in promise) TypeError: data.forEach is not a function

Taking information from another array using the same method, everything works fine.

const API_KEY = "a1979074-3a11-448a-b2d2-55d1bb97cdf4";
const API_URL_POPULAR =
  "https://kinopoiskapiunofficial.tech/api/v2.2/films/1130869";

getMovies(API_URL_POPULAR);

async function getMovies(url) {
  const resp = await fetch(url, {
    headers: {
      "Content-Type": "application/json",
      "X-API-KEY": API_KEY,
    },
  });
  const respData = await resp.json();
  showMovies(respData);
  console.log(respData);
}

function showMovies(data) {
  const moviesEl = document.querySelector(".movies");

  // Очищаем предыдущие фильмы
  document.querySelector(".movies").innerHTML = "";

  data.genres.forEach((movie) => {
    const movieEl = document.createElement("div");
    movieEl.classList.add("movie");
    movieEl.innerHTML = `
<span>${movie.genre}</span>
        `;
    moviesEl.appendChild(movieEl);
  });
}

Answer 1

data is an object, not an array, so it doesn't have a method.forEach()