I am attempting to use the forEach method to create separate arrays so that I can create one section of data to be able to display multiple elements rather that using innerHTML.

`async function getTrendingFilms() {
  try {
    // Fetch data from the API
    const response = await fetch(
      "https://api.themoviedb.org/3/discover/movie?include_adult=false&include_video=false&language=en-US&page=1&sort_by=popularity.desc",
      options // Pass options to fetch
    );

    // Check if the response is successful
    if (!response.ok) {
      throw new Error("Could not fetch resource");
    }

    // Parse response data as JSON
    const data = await response.json();

    const results = data.results;
    console.log(results);

    for (let i = 0; i < data.length; ++i) {
      const movieTitle = data[i];
      console.log(movieTitle);
  }

    
  } catch (err) {
    // Handle errors
    console.error(err);
  }
}

getTrendingFilms();

      // Create a new div element for each movie title
      // console.log(results[i].original_title);

      // // Set the inner HTML of the div to the original title of the movie
      // titleElement.innerHTML = results[i].original_title;
      // overviewElement.innerHTML = results[i].overview;

      // Append the title element to the document body or any other desired container
//     }
//   }, catch (err) {
//     // Handle errors
//     console.error(err);
//   }
// }`
`

On the comments below, I created a new variable for each section I wanted to overwrite the element. However, instead of making lots of variables, I want to try to make a better method as the data contains the whole array. Thank you for the time to read.